diff options
Diffstat (limited to 'css/components/nestable.gradient.css')
| -rwxr-xr-x | css/components/nestable.gradient.css | 143 |
1 files changed, 143 insertions, 0 deletions
diff --git a/css/components/nestable.gradient.css b/css/components/nestable.gradient.css new file mode 100755 index 0000000..23e3ae3 --- /dev/null +++ b/css/components/nestable.gradient.css | |||
| @@ -0,0 +1,143 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Nestable | ||
| 4 | ========================================================================== */ | ||
| 5 | .uk-nestable { | ||
| 6 | padding: 0; | ||
| 7 | list-style: none; | ||
| 8 | } | ||
| 9 | /* | ||
| 10 | * Disables the default callout shown when you touch and hold a touch target | ||
| 11 | * Currently only works in Webkit | ||
| 12 | */ | ||
| 13 | .uk-nestable a, | ||
| 14 | .uk-nestable img { | ||
| 15 | -webkit-touch-callout: none; | ||
| 16 | } | ||
| 17 | /* Sub-object `uk-nestable-list` | ||
| 18 | ========================================================================== */ | ||
| 19 | .uk-nestable-list { | ||
| 20 | margin: 0; | ||
| 21 | padding-left: 40px; | ||
| 22 | list-style: none; | ||
| 23 | } | ||
| 24 | /* Sub-modifier `uk-nestable-item` | ||
| 25 | ========================================================================== */ | ||
| 26 | /* | ||
| 27 | * 1. Deactivate browser touch actions in IE11 | ||
| 28 | */ | ||
| 29 | .uk-nestable-item { | ||
| 30 | /* 1 */ | ||
| 31 | touch-action: none; | ||
| 32 | } | ||
| 33 | .uk-nestable-item + .uk-nestable-item { | ||
| 34 | margin-top: 10px; | ||
| 35 | } | ||
| 36 | .uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child { | ||
| 37 | margin-top: 10px; | ||
| 38 | } | ||
| 39 | /* Sub-modifier `uk-nestable-dragged` | ||
| 40 | ========================================================================== */ | ||
| 41 | /* | ||
| 42 | * 1. Reset style | ||
| 43 | */ | ||
| 44 | .uk-nestable-dragged { | ||
| 45 | position: absolute; | ||
| 46 | z-index: 1050; | ||
| 47 | pointer-events: none; | ||
| 48 | /* 1 */ | ||
| 49 | padding-left: 0; | ||
| 50 | } | ||
| 51 | /* Sub-modifier `uk-nestable-placeholder` | ||
| 52 | ========================================================================== */ | ||
| 53 | .uk-nestable-placeholder { | ||
| 54 | position: relative; | ||
| 55 | } | ||
| 56 | .uk-nestable-placeholder > * { | ||
| 57 | opacity: 0; | ||
| 58 | } | ||
| 59 | .uk-nestable-placeholder:after { | ||
| 60 | content: ''; | ||
| 61 | position: absolute; | ||
| 62 | top: 0; | ||
| 63 | bottom: 0; | ||
| 64 | left: 0; | ||
| 65 | right: 0; | ||
| 66 | border: 1px dashed #ddd; | ||
| 67 | opacity: 1; | ||
| 68 | } | ||
| 69 | /* Empty List | ||
| 70 | ========================================================================== */ | ||
| 71 | .uk-nestable-empty { | ||
| 72 | min-height: 30px; | ||
| 73 | } | ||
| 74 | /* Sub-object `uk-nestable-handle` | ||
| 75 | ========================================================================== */ | ||
| 76 | /* | ||
| 77 | * Deactivate browser touch actions in IE11 | ||
| 78 | */ | ||
| 79 | .uk-nestable-handle { | ||
| 80 | touch-action: none; | ||
| 81 | } | ||
| 82 | /* Hover */ | ||
| 83 | .uk-nestable-handle:hover { | ||
| 84 | cursor: move; | ||
| 85 | } | ||
| 86 | /* Sub-object `uk-nestable-moving` | ||
| 87 | ========================================================================== */ | ||
| 88 | .uk-nestable-moving, | ||
| 89 | .uk-nestable-moving * { | ||
| 90 | cursor: move; | ||
| 91 | } | ||
| 92 | /* Fixes dragging items over iframes */ | ||
| 93 | .uk-nestable-moving iframe { | ||
| 94 | pointer-events: none; | ||
| 95 | } | ||
| 96 | /* [data-nestable-action='toggle'] | ||
| 97 | ========================================================================== */ | ||
| 98 | /* | ||
| 99 | * 1. Makes text unselectable. Happens if double clicked by mistake | ||
| 100 | */ | ||
| 101 | [data-nestable-action='toggle'] { | ||
| 102 | cursor: pointer; | ||
| 103 | /* 1 */ | ||
| 104 | -moz-user-select: none; | ||
| 105 | -webkit-user-select: none; | ||
| 106 | -ms-user-select: none; | ||
| 107 | user-select: none; | ||
| 108 | } | ||
| 109 | /* Sub-object `.uk-nestable-toggle` | ||
| 110 | ========================================================================== */ | ||
| 111 | .uk-nestable-toggle { | ||
| 112 | display: inline-block; | ||
| 113 | visibility: hidden; | ||
| 114 | } | ||
| 115 | .uk-nestable-toggle:after { | ||
| 116 | content: "\f147"; | ||
| 117 | font-family: FontAwesome; | ||
| 118 | } | ||
| 119 | .uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle { | ||
| 120 | visibility: visible; | ||
| 121 | } | ||
| 122 | /* | ||
| 123 | * Collapsed | ||
| 124 | */ | ||
| 125 | .uk-collapsed .uk-nestable-list { | ||
| 126 | display: none; | ||
| 127 | } | ||
| 128 | .uk-collapsed .uk-nestable-toggle:after { | ||
| 129 | content: "\f196"; | ||
| 130 | } | ||
| 131 | /* Sub-object `uk-nestable-panel` | ||
| 132 | ========================================================================== */ | ||
| 133 | .uk-nestable-panel { | ||
| 134 | padding: 5px; | ||
| 135 | background: #f7f7f7; | ||
| 136 | border-radius: 4px; | ||
| 137 | border: 1px solid rgba(0, 0, 0, 0.2); | ||
| 138 | border-bottom-color: rgba(0, 0, 0, 0.3); | ||
| 139 | background-origin: border-box; | ||
| 140 | background-image: -webkit-linear-gradient(top, #fff, #eee); | ||
| 141 | background-image: linear-gradient(to bottom, #fff, #eee); | ||
| 142 | text-shadow: 0 1px 0 #fff; | ||
| 143 | } | ||
