diff options
author | Pascal Szewczyk <ps@elektrowecker.de> | 2016-07-18 23:23:54 +0200 |
---|---|---|
committer | Pascal Szewczyk <ps@elektrowecker.de> | 2016-07-18 23:23:54 +0200 |
commit | c94fb32c7a3c28b18a27460aa2447eeec1fac1de (patch) | |
tree | e3bb35d57f90256698135c722eadeb784b47992c /css/components/nestable.gradient.css | |
parent | 89685742de42cb8e54ebdbaf7a207cfe16fa62b8 (diff) |
uikit added
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 | } | ||