|
1 | 1 | /*! |
2 | | - * # Semantic UI 2.4.1 - Reveal |
| 2 | + * # Semantic UI 2.5.0 - Reveal |
3 | 3 | * http://github.com/semantic-org/semantic-ui/ |
4 | 4 | * |
5 | 5 | * |
|
23 | 23 | top: 0em !important; |
24 | 24 | left: 0em !important; |
25 | 25 | z-index: 3 !important; |
26 | | - -webkit-transition: all 0.5s ease 0.1s; |
27 | 26 | transition: all 0.5s ease 0.1s; |
28 | 27 | } |
29 | 28 | .ui.reveal > .hidden.content { |
|
58 | 57 | white-space: normal; |
59 | 58 | float: left; |
60 | 59 | margin: 0em; |
61 | | - -webkit-transition: -webkit-transform 0.5s ease 0.1s; |
62 | | - transition: -webkit-transform 0.5s ease 0.1s; |
63 | 60 | transition: transform 0.5s ease 0.1s; |
64 | | - transition: transform 0.5s ease 0.1s, -webkit-transform 0.5s ease 0.1s; |
65 | 61 | } |
66 | 62 | .ui.slide.reveal > .visible.content { |
67 | 63 | position: relative !important; |
|
70 | 66 | position: absolute !important; |
71 | 67 | left: 0% !important; |
72 | 68 | width: 100% !important; |
73 | | - -webkit-transform: translateX(100%) !important; |
74 | | - transform: translateX(100%) !important; |
| 69 | + transform: translateX(100%) !important; |
75 | 70 | } |
76 | 71 | .ui.slide.active.reveal > .visible.content, |
77 | 72 | .ui.slide.reveal:hover > .visible.content { |
78 | | - -webkit-transform: translateX(-100%) !important; |
79 | | - transform: translateX(-100%) !important; |
| 73 | + transform: translateX(-100%) !important; |
80 | 74 | } |
81 | 75 | .ui.slide.active.reveal > .hidden.content, |
82 | 76 | .ui.slide.reveal:hover > .hidden.content { |
83 | | - -webkit-transform: translateX(0%) !important; |
84 | | - transform: translateX(0%) !important; |
| 77 | + transform: translateX(0%) !important; |
85 | 78 | } |
86 | 79 | .ui.slide.right.reveal > .visible.content { |
87 | | - -webkit-transform: translateX(0%) !important; |
88 | | - transform: translateX(0%) !important; |
| 80 | + transform: translateX(0%) !important; |
89 | 81 | } |
90 | 82 | .ui.slide.right.reveal > .hidden.content { |
91 | | - -webkit-transform: translateX(-100%) !important; |
92 | | - transform: translateX(-100%) !important; |
| 83 | + transform: translateX(-100%) !important; |
93 | 84 | } |
94 | 85 | .ui.slide.right.active.reveal > .visible.content, |
95 | 86 | .ui.slide.right.reveal:hover > .visible.content { |
96 | | - -webkit-transform: translateX(100%) !important; |
97 | | - transform: translateX(100%) !important; |
| 87 | + transform: translateX(100%) !important; |
98 | 88 | } |
99 | 89 | .ui.slide.right.active.reveal > .hidden.content, |
100 | 90 | .ui.slide.right.reveal:hover > .hidden.content { |
101 | | - -webkit-transform: translateX(0%) !important; |
102 | | - transform: translateX(0%) !important; |
| 91 | + transform: translateX(0%) !important; |
103 | 92 | } |
104 | 93 | .ui.slide.up.reveal > .hidden.content { |
105 | | - -webkit-transform: translateY(100%) !important; |
106 | | - transform: translateY(100%) !important; |
| 94 | + transform: translateY(100%) !important; |
107 | 95 | } |
108 | 96 | .ui.slide.up.active.reveal > .visible.content, |
109 | 97 | .ui.slide.up.reveal:hover > .visible.content { |
110 | | - -webkit-transform: translateY(-100%) !important; |
111 | | - transform: translateY(-100%) !important; |
| 98 | + transform: translateY(-100%) !important; |
112 | 99 | } |
113 | 100 | .ui.slide.up.active.reveal > .hidden.content, |
114 | 101 | .ui.slide.up.reveal:hover > .hidden.content { |
115 | | - -webkit-transform: translateY(0%) !important; |
116 | | - transform: translateY(0%) !important; |
| 102 | + transform: translateY(0%) !important; |
117 | 103 | } |
118 | 104 | .ui.slide.down.reveal > .hidden.content { |
119 | | - -webkit-transform: translateY(-100%) !important; |
120 | | - transform: translateY(-100%) !important; |
| 105 | + transform: translateY(-100%) !important; |
121 | 106 | } |
122 | 107 | .ui.slide.down.active.reveal > .visible.content, |
123 | 108 | .ui.slide.down.reveal:hover > .visible.content { |
124 | | - -webkit-transform: translateY(100%) !important; |
125 | | - transform: translateY(100%) !important; |
| 109 | + transform: translateY(100%) !important; |
126 | 110 | } |
127 | 111 | .ui.slide.down.active.reveal > .hidden.content, |
128 | 112 | .ui.slide.down.reveal:hover > .hidden.content { |
129 | | - -webkit-transform: translateY(0%) !important; |
130 | | - transform: translateY(0%) !important; |
| 113 | + transform: translateY(0%) !important; |
131 | 114 | } |
132 | 115 |
|
133 | 116 | /*-------------- |
|
156 | 139 | float: left; |
157 | 140 | white-space: normal; |
158 | 141 | margin: 0em; |
159 | | - -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; |
160 | | - transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; |
161 | 142 | transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; |
162 | | - transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; |
163 | 143 | } |
164 | 144 | .ui.move.reveal > .visible.content { |
165 | 145 | position: relative !important; |
|
171 | 151 | } |
172 | 152 | .ui.move.active.reveal > .visible.content, |
173 | 153 | .ui.move.reveal:hover > .visible.content { |
174 | | - -webkit-transform: translateX(-100%) !important; |
175 | | - transform: translateX(-100%) !important; |
| 154 | + transform: translateX(-100%) !important; |
176 | 155 | } |
177 | 156 | .ui.move.right.active.reveal > .visible.content, |
178 | 157 | .ui.move.right.reveal:hover > .visible.content { |
179 | | - -webkit-transform: translateX(100%) !important; |
180 | | - transform: translateX(100%) !important; |
| 158 | + transform: translateX(100%) !important; |
181 | 159 | } |
182 | 160 | .ui.move.up.active.reveal > .visible.content, |
183 | 161 | .ui.move.up.reveal:hover > .visible.content { |
184 | | - -webkit-transform: translateY(-100%) !important; |
185 | | - transform: translateY(-100%) !important; |
| 162 | + transform: translateY(-100%) !important; |
186 | 163 | } |
187 | 164 | .ui.move.down.active.reveal > .visible.content, |
188 | 165 | .ui.move.down.reveal:hover > .visible.content { |
189 | | - -webkit-transform: translateY(100%) !important; |
190 | | - transform: translateY(100%) !important; |
| 166 | + transform: translateY(100%) !important; |
191 | 167 | } |
192 | 168 |
|
193 | 169 | /*-------------- |
194 | 170 | Rotate |
195 | 171 | ---------------*/ |
196 | 172 |
|
197 | 173 | .ui.rotate.reveal > .visible.content { |
198 | | - -webkit-transition-duration: 0.5s; |
199 | | - transition-duration: 0.5s; |
200 | | - -webkit-transform: rotate(0deg); |
201 | | - transform: rotate(0deg); |
| 174 | + transition-duration: 0.5s; |
| 175 | + transform: rotate(0deg); |
202 | 176 | } |
203 | 177 | .ui.rotate.reveal > .visible.content, |
204 | 178 | .ui.rotate.right.reveal > .visible.content { |
205 | | - -webkit-transform-origin: bottom right; |
206 | | - transform-origin: bottom right; |
| 179 | + transform-origin: bottom right; |
207 | 180 | } |
208 | 181 | .ui.rotate.active.reveal > .visible.content, |
209 | 182 | .ui.rotate.reveal:hover > .visible.content, |
210 | 183 | .ui.rotate.right.active.reveal > .visible.content, |
211 | 184 | .ui.rotate.right.reveal:hover > .visible.content { |
212 | | - -webkit-transform: rotate(110deg); |
213 | | - transform: rotate(110deg); |
| 185 | + transform: rotate(110deg); |
214 | 186 | } |
215 | 187 | .ui.rotate.left.reveal > .visible.content { |
216 | | - -webkit-transform-origin: bottom left; |
217 | | - transform-origin: bottom left; |
| 188 | + transform-origin: bottom left; |
218 | 189 | } |
219 | 190 | .ui.rotate.left.active.reveal > .visible.content, |
220 | 191 | .ui.rotate.left.reveal:hover > .visible.content { |
221 | | - -webkit-transform: rotate(-110deg); |
222 | | - transform: rotate(-110deg); |
| 192 | + transform: rotate(-110deg); |
223 | 193 | } |
224 | 194 |
|
225 | 195 |
|
|
235 | 205 | left: 0 !important; |
236 | 206 | right: auto !important; |
237 | 207 | bottom: auto !important; |
238 | | - -webkit-transform: none !important; |
239 | | - transform: none !important; |
| 208 | + transform: none !important; |
240 | 209 | } |
241 | 210 | .ui.disabled.reveal:hover > .hidden.hidden.content { |
242 | 211 | display: none !important; |
|
270 | 239 | ---------------*/ |
271 | 240 |
|
272 | 241 | .ui.instant.reveal > .content { |
273 | | - -webkit-transition-delay: 0s !important; |
274 | | - transition-delay: 0s !important; |
| 242 | + transition-delay: 0s !important; |
275 | 243 | } |
276 | 244 |
|
277 | 245 | /*-------------- |
|
0 commit comments