semantic-ui-sass 2.2.1.1 → 2.2.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.travis.yml +2 -1
- data/CHANGELOG.md +4 -0
- data/app/assets/javascripts/semantic-ui/dimmer.js +1 -4
- data/app/assets/javascripts/semantic-ui/shape.js +22 -10
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +1 -2
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +2 -0
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +8 -1
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +3 -1
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +8 -1
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +8 -1
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +3 -1
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +24 -1
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +3 -1
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +5 -1
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +6 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +9 -2
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +32 -1
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +7 -1
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +18 -1
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +3 -1
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -3
- data/lib/semantic/ui/sass/version.rb +2 -2
- metadata +2 -2
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Loader
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -24,6 +24,7 @@
|
|
24
24
|
text-align: center;
|
25
25
|
z-index: 1000;
|
26
26
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
27
|
+
-ms-transform: translateX(-50%) translateY(-50%);
|
27
28
|
transform: translateX(-50%) translateY(-50%);
|
28
29
|
}
|
29
30
|
|
@@ -319,6 +320,7 @@
|
|
319
320
|
left: 0em;
|
320
321
|
top: 0em;
|
321
322
|
-webkit-transform: none;
|
323
|
+
-ms-transform: none;
|
322
324
|
transform: none;
|
323
325
|
}
|
324
326
|
.ui.inline.loader.active,
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Reveal
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -70,62 +70,75 @@
|
|
70
70
|
left: 0% !important;
|
71
71
|
width: 100% !important;
|
72
72
|
-webkit-transform: translateX(100%) !important;
|
73
|
+
-ms-transform: translateX(100%) !important;
|
73
74
|
transform: translateX(100%) !important;
|
74
75
|
}
|
75
76
|
.ui.slide.active.reveal > .visible.content,
|
76
77
|
.ui.slide.reveal:hover > .visible.content {
|
77
78
|
-webkit-transform: translateX(-100%) !important;
|
79
|
+
-ms-transform: translateX(-100%) !important;
|
78
80
|
transform: translateX(-100%) !important;
|
79
81
|
}
|
80
82
|
.ui.slide.active.reveal > .hidden.content,
|
81
83
|
.ui.slide.reveal:hover > .hidden.content {
|
82
84
|
-webkit-transform: translateX(0%) !important;
|
85
|
+
-ms-transform: translateX(0%) !important;
|
83
86
|
transform: translateX(0%) !important;
|
84
87
|
}
|
85
88
|
.ui.slide.right.reveal > .visible.content {
|
86
89
|
-webkit-transform: translateX(0%) !important;
|
90
|
+
-ms-transform: translateX(0%) !important;
|
87
91
|
transform: translateX(0%) !important;
|
88
92
|
}
|
89
93
|
.ui.slide.right.reveal > .hidden.content {
|
90
94
|
-webkit-transform: translateX(-100%) !important;
|
95
|
+
-ms-transform: translateX(-100%) !important;
|
91
96
|
transform: translateX(-100%) !important;
|
92
97
|
}
|
93
98
|
.ui.slide.right.active.reveal > .visible.content,
|
94
99
|
.ui.slide.right.reveal:hover > .visible.content {
|
95
100
|
-webkit-transform: translateX(100%) !important;
|
101
|
+
-ms-transform: translateX(100%) !important;
|
96
102
|
transform: translateX(100%) !important;
|
97
103
|
}
|
98
104
|
.ui.slide.right.active.reveal > .hidden.content,
|
99
105
|
.ui.slide.right.reveal:hover > .hidden.content {
|
100
106
|
-webkit-transform: translateX(0%) !important;
|
107
|
+
-ms-transform: translateX(0%) !important;
|
101
108
|
transform: translateX(0%) !important;
|
102
109
|
}
|
103
110
|
.ui.slide.up.reveal > .hidden.content {
|
104
111
|
-webkit-transform: translateY(100%) !important;
|
112
|
+
-ms-transform: translateY(100%) !important;
|
105
113
|
transform: translateY(100%) !important;
|
106
114
|
}
|
107
115
|
.ui.slide.up.active.reveal > .visible.content,
|
108
116
|
.ui.slide.up.reveal:hover > .visible.content {
|
109
117
|
-webkit-transform: translateY(-100%) !important;
|
118
|
+
-ms-transform: translateY(-100%) !important;
|
110
119
|
transform: translateY(-100%) !important;
|
111
120
|
}
|
112
121
|
.ui.slide.up.active.reveal > .hidden.content,
|
113
122
|
.ui.slide.up.reveal:hover > .hidden.content {
|
114
123
|
-webkit-transform: translateY(0%) !important;
|
124
|
+
-ms-transform: translateY(0%) !important;
|
115
125
|
transform: translateY(0%) !important;
|
116
126
|
}
|
117
127
|
.ui.slide.down.reveal > .hidden.content {
|
118
128
|
-webkit-transform: translateY(-100%) !important;
|
129
|
+
-ms-transform: translateY(-100%) !important;
|
119
130
|
transform: translateY(-100%) !important;
|
120
131
|
}
|
121
132
|
.ui.slide.down.active.reveal > .visible.content,
|
122
133
|
.ui.slide.down.reveal:hover > .visible.content {
|
123
134
|
-webkit-transform: translateY(100%) !important;
|
135
|
+
-ms-transform: translateY(100%) !important;
|
124
136
|
transform: translateY(100%) !important;
|
125
137
|
}
|
126
138
|
.ui.slide.down.active.reveal > .hidden.content,
|
127
139
|
.ui.slide.down.reveal:hover > .hidden.content {
|
128
140
|
-webkit-transform: translateY(0%) !important;
|
141
|
+
-ms-transform: translateY(0%) !important;
|
129
142
|
transform: translateY(0%) !important;
|
130
143
|
}
|
131
144
|
|
@@ -170,21 +183,25 @@
|
|
170
183
|
.ui.move.active.reveal > .visible.content,
|
171
184
|
.ui.move.reveal:hover > .visible.content {
|
172
185
|
-webkit-transform: translateX(-100%) !important;
|
186
|
+
-ms-transform: translateX(-100%) !important;
|
173
187
|
transform: translateX(-100%) !important;
|
174
188
|
}
|
175
189
|
.ui.move.right.active.reveal > .visible.content,
|
176
190
|
.ui.move.right.reveal:hover > .visible.content {
|
177
191
|
-webkit-transform: translateX(100%) !important;
|
192
|
+
-ms-transform: translateX(100%) !important;
|
178
193
|
transform: translateX(100%) !important;
|
179
194
|
}
|
180
195
|
.ui.move.up.active.reveal > .visible.content,
|
181
196
|
.ui.move.up.reveal:hover > .visible.content {
|
182
197
|
-webkit-transform: translateY(-100%) !important;
|
198
|
+
-ms-transform: translateY(-100%) !important;
|
183
199
|
transform: translateY(-100%) !important;
|
184
200
|
}
|
185
201
|
.ui.move.down.active.reveal > .visible.content,
|
186
202
|
.ui.move.down.reveal:hover > .visible.content {
|
187
203
|
-webkit-transform: translateY(100%) !important;
|
204
|
+
-ms-transform: translateY(100%) !important;
|
188
205
|
transform: translateY(100%) !important;
|
189
206
|
}
|
190
207
|
|
@@ -196,11 +213,13 @@
|
|
196
213
|
-webkit-transition-duration: 0.5s;
|
197
214
|
transition-duration: 0.5s;
|
198
215
|
-webkit-transform: rotate(0deg);
|
216
|
+
-ms-transform: rotate(0deg);
|
199
217
|
transform: rotate(0deg);
|
200
218
|
}
|
201
219
|
.ui.rotate.reveal > .visible.content,
|
202
220
|
.ui.rotate.right.reveal > .visible.content {
|
203
221
|
-webkit-transform-origin: bottom right;
|
222
|
+
-ms-transform-origin: bottom right;
|
204
223
|
transform-origin: bottom right;
|
205
224
|
}
|
206
225
|
.ui.rotate.active.reveal > .visible.content,
|
@@ -208,15 +227,18 @@
|
|
208
227
|
.ui.rotate.right.active.reveal > .visible.content,
|
209
228
|
.ui.rotate.right.reveal:hover > .visible.content {
|
210
229
|
-webkit-transform: rotate(110deg);
|
230
|
+
-ms-transform: rotate(110deg);
|
211
231
|
transform: rotate(110deg);
|
212
232
|
}
|
213
233
|
.ui.rotate.left.reveal > .visible.content {
|
214
234
|
-webkit-transform-origin: bottom left;
|
235
|
+
-ms-transform-origin: bottom left;
|
215
236
|
transform-origin: bottom left;
|
216
237
|
}
|
217
238
|
.ui.rotate.left.active.reveal > .visible.content,
|
218
239
|
.ui.rotate.left.reveal:hover > .visible.content {
|
219
240
|
-webkit-transform: rotate(-110deg);
|
241
|
+
-ms-transform: rotate(-110deg);
|
220
242
|
transform: rotate(-110deg);
|
221
243
|
}
|
222
244
|
|
@@ -234,6 +256,7 @@
|
|
234
256
|
right: auto !important;
|
235
257
|
bottom: auto !important;
|
236
258
|
-webkit-transform: none !important;
|
259
|
+
-ms-transform: none !important;
|
237
260
|
transform: none !important;
|
238
261
|
}
|
239
262
|
.ui.disabled.reveal:hover > .hidden.hidden.content {
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Segment
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -134,6 +134,7 @@
|
|
134
134
|
.ui.piled.segments:before,
|
135
135
|
.ui.piled.segment:before {
|
136
136
|
-webkit-transform: rotate(-1.2deg);
|
137
|
+
-ms-transform: rotate(-1.2deg);
|
137
138
|
transform: rotate(-1.2deg);
|
138
139
|
top: 0;
|
139
140
|
z-index: -2;
|
@@ -141,6 +142,7 @@
|
|
141
142
|
.ui.piled.segments:after,
|
142
143
|
.ui.piled.segment:after {
|
143
144
|
-webkit-transform: rotate(1.2deg);
|
145
|
+
-ms-transform: rotate(1.2deg);
|
144
146
|
transform: rotate(1.2deg);
|
145
147
|
top: 0;
|
146
148
|
z-index: -1;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Step
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -107,6 +107,7 @@
|
|
107
107
|
-webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
|
108
108
|
transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
|
109
109
|
-webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
|
110
|
+
-ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);
|
110
111
|
transform: translateY(-50%) translateX(50%) rotate(-45deg);
|
111
112
|
}
|
112
113
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Accordion
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -69,6 +69,7 @@
|
|
69
69
|
transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
|
70
70
|
vertical-align: baseline;
|
71
71
|
-webkit-transform: none;
|
72
|
+
-ms-transform: none;
|
72
73
|
transform: none;
|
73
74
|
}
|
74
75
|
|
@@ -86,6 +87,7 @@
|
|
86
87
|
float: right;
|
87
88
|
margin: 0.21425em 0em 0em 1em;
|
88
89
|
-webkit-transform: rotate(180deg);
|
90
|
+
-ms-transform: rotate(180deg);
|
89
91
|
transform: rotate(180deg);
|
90
92
|
}
|
91
93
|
|
@@ -103,10 +105,12 @@
|
|
103
105
|
.ui.accordion .active.title .dropdown.icon,
|
104
106
|
.ui.accordion .accordion .active.title .dropdown.icon {
|
105
107
|
-webkit-transform: rotate(90deg);
|
108
|
+
-ms-transform: rotate(90deg);
|
106
109
|
transform: rotate(90deg);
|
107
110
|
}
|
108
111
|
.ui.accordion.menu .item .active.title > .dropdown.icon {
|
109
112
|
-webkit-transform: rotate(90deg);
|
113
|
+
-ms-transform: rotate(90deg);
|
110
114
|
transform: rotate(90deg);
|
111
115
|
}
|
112
116
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Checkbox
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -282,6 +282,7 @@
|
|
282
282
|
.ui.radio.checkbox label:before {
|
283
283
|
content: '';
|
284
284
|
-webkit-transform: none;
|
285
|
+
-ms-transform: none;
|
285
286
|
transform: none;
|
286
287
|
width: 15px;
|
287
288
|
height: 15px;
|
@@ -309,6 +310,7 @@
|
|
309
310
|
height: 15px;
|
310
311
|
border-radius: 500rem;
|
311
312
|
-webkit-transform: scale(0.46666667);
|
313
|
+
-ms-transform: scale(0.46666667);
|
312
314
|
transform: scale(0.46666667);
|
313
315
|
background-color: rgba(0, 0, 0, 0.87);
|
314
316
|
}
|
@@ -385,6 +387,7 @@
|
|
385
387
|
width: 3.5rem;
|
386
388
|
height: 0.21428571rem;
|
387
389
|
-webkit-transform: none;
|
390
|
+
-ms-transform: none;
|
388
391
|
transform: none;
|
389
392
|
border-radius: 500rem;
|
390
393
|
-webkit-transition: background 0.3s ease;
|
@@ -407,6 +410,7 @@
|
|
407
410
|
top: -0.25rem;
|
408
411
|
left: 0em;
|
409
412
|
-webkit-transform: none;
|
413
|
+
-ms-transform: none;
|
410
414
|
transform: none;
|
411
415
|
border-radius: 500rem;
|
412
416
|
-webkit-transition: left 0.3s ease;
|
@@ -487,6 +491,7 @@
|
|
487
491
|
content: '';
|
488
492
|
z-index: 1;
|
489
493
|
-webkit-transform: none;
|
494
|
+
-ms-transform: none;
|
490
495
|
transform: none;
|
491
496
|
border: none;
|
492
497
|
top: 0rem;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Dimmer
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -100,6 +100,7 @@
|
|
100
100
|
-webkit-perspective: 2000px;
|
101
101
|
perspective: 2000px;
|
102
102
|
-webkit-transform-origin: center center;
|
103
|
+
-ms-transform-origin: center center;
|
103
104
|
transform-origin: center center;
|
104
105
|
}
|
105
106
|
body.animating.in.dimmable,
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Dropdown
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -348,6 +348,7 @@
|
|
348
348
|
white-space: normal;
|
349
349
|
outline: 0;
|
350
350
|
-webkit-transform: rotateZ(0deg);
|
351
|
+
-ms-transform: rotate(0deg);
|
351
352
|
transform: rotateZ(0deg);
|
352
353
|
min-width: 14em;
|
353
354
|
min-height: 2.7142em;
|
@@ -538,7 +539,7 @@ select.ui.dropdown {
|
|
538
539
|
background: none transparent !important;
|
539
540
|
border: none !important;
|
540
541
|
box-shadow: none !important;
|
541
|
-
cursor:
|
542
|
+
cursor: text;
|
542
543
|
top: 0em;
|
543
544
|
left: 0em;
|
544
545
|
width: 100%;
|
@@ -1208,6 +1209,7 @@ select.ui.dropdown {
|
|
1208
1209
|
content: '';
|
1209
1210
|
visibility: visible;
|
1210
1211
|
-webkit-transform: rotate(45deg);
|
1212
|
+
-ms-transform: rotate(45deg);
|
1211
1213
|
transform: rotate(45deg);
|
1212
1214
|
width: 0.5em;
|
1213
1215
|
height: 0.5em;
|
@@ -1242,6 +1244,7 @@ select.ui.dropdown {
|
|
1242
1244
|
right: auto;
|
1243
1245
|
margin: 0em;
|
1244
1246
|
-webkit-transform: rotate(45deg);
|
1247
|
+
-ms-transform: rotate(45deg);
|
1245
1248
|
transform: rotate(45deg);
|
1246
1249
|
}
|
1247
1250
|
|
@@ -1259,6 +1262,7 @@ select.ui.dropdown {
|
|
1259
1262
|
right: 1em;
|
1260
1263
|
margin: 0em;
|
1261
1264
|
-webkit-transform: rotate(45deg);
|
1265
|
+
-ms-transform: rotate(45deg);
|
1262
1266
|
transform: rotate(45deg);
|
1263
1267
|
}
|
1264
1268
|
|
@@ -1274,6 +1278,7 @@ select.ui.dropdown {
|
|
1274
1278
|
left: -0.25em;
|
1275
1279
|
margin: 0em 0em 0em 0em;
|
1276
1280
|
-webkit-transform: rotate(-45deg);
|
1281
|
+
-ms-transform: rotate(-45deg);
|
1277
1282
|
transform: rotate(-45deg);
|
1278
1283
|
}
|
1279
1284
|
|
@@ -1290,6 +1295,7 @@ select.ui.dropdown {
|
|
1290
1295
|
right: -0.25em;
|
1291
1296
|
margin: 0em 0em 0em 0em;
|
1292
1297
|
-webkit-transform: rotate(135deg);
|
1298
|
+
-ms-transform: rotate(135deg);
|
1293
1299
|
transform: rotate(135deg);
|
1294
1300
|
}
|
1295
1301
|
|
@@ -1307,6 +1313,7 @@ select.ui.dropdown {
|
|
1307
1313
|
right: auto;
|
1308
1314
|
margin: 0em;
|
1309
1315
|
-webkit-transform: rotate(-135deg);
|
1316
|
+
-ms-transform: rotate(-135deg);
|
1310
1317
|
transform: rotate(-135deg);
|
1311
1318
|
}
|
1312
1319
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Video
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -95,6 +95,7 @@
|
|
95
95
|
left: 50%;
|
96
96
|
z-index: 4;
|
97
97
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
98
|
+
-ms-transform: translateX(-50%) translateY(-50%);
|
98
99
|
transform: translateX(-50%) translateY(-50%);
|
99
100
|
color: #FFFFFF;
|
100
101
|
font-size: 6rem;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Modal
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -24,6 +24,7 @@
|
|
24
24
|
border: none;
|
25
25
|
box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
|
26
26
|
-webkit-transform-origin: 50% 25%;
|
27
|
+
-ms-transform-origin: 50% 25%;
|
27
28
|
transform-origin: 50% 25%;
|
28
29
|
border-radius: 0.28571429rem;
|
29
30
|
-webkit-user-select: text;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Popup
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -52,6 +52,7 @@
|
|
52
52
|
height: 0.71428571em;
|
53
53
|
background: #FFFFFF;
|
54
54
|
-webkit-transform: rotate(45deg);
|
55
|
+
-ms-transform: rotate(45deg);
|
55
56
|
transform: rotate(45deg);
|
56
57
|
z-index: 2;
|
57
58
|
box-shadow: 1px 1px 0px 0px #bababc;
|
@@ -83,6 +84,7 @@
|
|
83
84
|
height: 0.71428571em;
|
84
85
|
background: #FFFFFF;
|
85
86
|
-webkit-transform: rotate(45deg);
|
87
|
+
-ms-transform: rotate(45deg);
|
86
88
|
transform: rotate(45deg);
|
87
89
|
z-index: 2;
|
88
90
|
box-shadow: 1px 1px 0px 0px #bababc;
|
@@ -123,6 +125,7 @@
|
|
123
125
|
[data-tooltip]:not([data-position]):after {
|
124
126
|
left: 50%;
|
125
127
|
-webkit-transform: translateX(-50%);
|
128
|
+
-ms-transform: translateX(-50%);
|
126
129
|
transform: translateX(-50%);
|
127
130
|
bottom: 100%;
|
128
131
|
margin-bottom: 0.5em;
|
@@ -137,8 +140,10 @@
|
|
137
140
|
[data-tooltip]:before {
|
138
141
|
opacity: 0;
|
139
142
|
-webkit-transform: rotate(45deg) scale(0) !important;
|
143
|
+
-ms-transform: rotate(45deg) scale(0) !important;
|
140
144
|
transform: rotate(45deg) scale(0) !important;
|
141
145
|
-webkit-transform-origin: center top;
|
146
|
+
-ms-transform-origin: center top;
|
142
147
|
transform-origin: center top;
|
143
148
|
-webkit-transition: all 0.1s ease;
|
144
149
|
transition: all 0.1s ease;
|
@@ -146,6 +151,7 @@
|
|
146
151
|
[data-tooltip]:after {
|
147
152
|
opacity: 1;
|
148
153
|
-webkit-transform-origin: center bottom;
|
154
|
+
-ms-transform-origin: center bottom;
|
149
155
|
transform-origin: center bottom;
|
150
156
|
-webkit-transition: all 0.1s ease;
|
151
157
|
transition: all 0.1s ease;
|
@@ -157,6 +163,7 @@
|
|
157
163
|
}
|
158
164
|
[data-tooltip]:hover:before {
|
159
165
|
-webkit-transform: rotate(45deg) scale(1) !important;
|
166
|
+
-ms-transform: rotate(45deg) scale(1) !important;
|
160
167
|
transform: rotate(45deg) scale(1) !important;
|
161
168
|
opacity: 1;
|
162
169
|
}
|
@@ -166,21 +173,25 @@
|
|
166
173
|
[data-tooltip][data-position="top center"]:after,
|
167
174
|
[data-tooltip][data-position="bottom center"]:after {
|
168
175
|
-webkit-transform: translateX(-50%) scale(0) !important;
|
176
|
+
-ms-transform: translateX(-50%) scale(0) !important;
|
169
177
|
transform: translateX(-50%) scale(0) !important;
|
170
178
|
}
|
171
179
|
[data-tooltip]:hover:after,
|
172
180
|
[data-tooltip][data-position="bottom center"]:hover:after {
|
173
181
|
-webkit-transform: translateX(-50%) scale(1) !important;
|
182
|
+
-ms-transform: translateX(-50%) scale(1) !important;
|
174
183
|
transform: translateX(-50%) scale(1) !important;
|
175
184
|
}
|
176
185
|
[data-tooltip][data-position="left center"]:after,
|
177
186
|
[data-tooltip][data-position="right center"]:after {
|
178
187
|
-webkit-transform: translateY(-50%) scale(0) !important;
|
188
|
+
-ms-transform: translateY(-50%) scale(0) !important;
|
179
189
|
transform: translateY(-50%) scale(0) !important;
|
180
190
|
}
|
181
191
|
[data-tooltip][data-position="left center"]:hover:after,
|
182
192
|
[data-tooltip][data-position="right center"]:hover:after {
|
183
193
|
-webkit-transform: translateY(-50%) scale(1) !important;
|
194
|
+
-ms-transform: translateY(-50%) scale(1) !important;
|
184
195
|
transform: translateY(-50%) scale(1) !important;
|
185
196
|
}
|
186
197
|
[data-tooltip][data-position="top left"]:after,
|
@@ -188,6 +199,7 @@
|
|
188
199
|
[data-tooltip][data-position="bottom left"]:after,
|
189
200
|
[data-tooltip][data-position="bottom right"]:after {
|
190
201
|
-webkit-transform: scale(0) !important;
|
202
|
+
-ms-transform: scale(0) !important;
|
191
203
|
transform: scale(0) !important;
|
192
204
|
}
|
193
205
|
[data-tooltip][data-position="top left"]:hover:after,
|
@@ -195,6 +207,7 @@
|
|
195
207
|
[data-tooltip][data-position="bottom left"]:hover:after,
|
196
208
|
[data-tooltip][data-position="bottom right"]:hover:after {
|
197
209
|
-webkit-transform: scale(1) !important;
|
210
|
+
-ms-transform: scale(1) !important;
|
198
211
|
transform: scale(1) !important;
|
199
212
|
}
|
200
213
|
|
@@ -237,6 +250,7 @@
|
|
237
250
|
left: 50%;
|
238
251
|
bottom: 100%;
|
239
252
|
-webkit-transform: translateX(-50%);
|
253
|
+
-ms-transform: translateX(-50%);
|
240
254
|
transform: translateX(-50%);
|
241
255
|
margin-bottom: 0.5em;
|
242
256
|
}
|
@@ -291,6 +305,7 @@
|
|
291
305
|
left: 50%;
|
292
306
|
top: 100%;
|
293
307
|
-webkit-transform: translateX(-50%);
|
308
|
+
-ms-transform: translateX(-50%);
|
294
309
|
transform: translateX(-50%);
|
295
310
|
margin-top: 0.5em;
|
296
311
|
}
|
@@ -339,6 +354,7 @@
|
|
339
354
|
top: 50%;
|
340
355
|
margin-right: 0.5em;
|
341
356
|
-webkit-transform: translateY(-50%);
|
357
|
+
-ms-transform: translateY(-50%);
|
342
358
|
transform: translateY(-50%);
|
343
359
|
}
|
344
360
|
[data-position="left center"][data-tooltip]:before {
|
@@ -354,6 +370,7 @@
|
|
354
370
|
top: 50%;
|
355
371
|
margin-left: 0.5em;
|
356
372
|
-webkit-transform: translateY(-50%);
|
373
|
+
-ms-transform: translateY(-50%);
|
357
374
|
transform: translateY(-50%);
|
358
375
|
}
|
359
376
|
[data-position="right center"][data-tooltip]:before {
|
@@ -398,26 +415,32 @@
|
|
398
415
|
}
|
399
416
|
[data-position~="bottom"][data-tooltip]:before {
|
400
417
|
-webkit-transform-origin: center bottom;
|
418
|
+
-ms-transform-origin: center bottom;
|
401
419
|
transform-origin: center bottom;
|
402
420
|
}
|
403
421
|
[data-position~="bottom"][data-tooltip]:after {
|
404
422
|
-webkit-transform-origin: center top;
|
423
|
+
-ms-transform-origin: center top;
|
405
424
|
transform-origin: center top;
|
406
425
|
}
|
407
426
|
[data-position="left center"][data-tooltip]:before {
|
408
427
|
-webkit-transform-origin: top center;
|
428
|
+
-ms-transform-origin: top center;
|
409
429
|
transform-origin: top center;
|
410
430
|
}
|
411
431
|
[data-position="left center"][data-tooltip]:after {
|
412
432
|
-webkit-transform-origin: right center;
|
433
|
+
-ms-transform-origin: right center;
|
413
434
|
transform-origin: right center;
|
414
435
|
}
|
415
436
|
[data-position="right center"][data-tooltip]:before {
|
416
437
|
-webkit-transform-origin: right center;
|
438
|
+
-ms-transform-origin: right center;
|
417
439
|
transform-origin: right center;
|
418
440
|
}
|
419
441
|
[data-position="right center"][data-tooltip]:after {
|
420
442
|
-webkit-transform-origin: left center;
|
443
|
+
-ms-transform-origin: left center;
|
421
444
|
transform-origin: left center;
|
422
445
|
}
|
423
446
|
|
@@ -435,14 +458,17 @@
|
|
435
458
|
}
|
436
459
|
.ui.top.left.popup {
|
437
460
|
-webkit-transform-origin: left bottom;
|
461
|
+
-ms-transform-origin: left bottom;
|
438
462
|
transform-origin: left bottom;
|
439
463
|
}
|
440
464
|
.ui.top.center.popup {
|
441
465
|
-webkit-transform-origin: center bottom;
|
466
|
+
-ms-transform-origin: center bottom;
|
442
467
|
transform-origin: center bottom;
|
443
468
|
}
|
444
469
|
.ui.top.right.popup {
|
445
470
|
-webkit-transform-origin: right bottom;
|
471
|
+
-ms-transform-origin: right bottom;
|
446
472
|
transform-origin: right bottom;
|
447
473
|
}
|
448
474
|
|
@@ -450,11 +476,13 @@
|
|
450
476
|
.ui.left.center.popup {
|
451
477
|
margin: 0em 0.71428571em 0em 0em;
|
452
478
|
-webkit-transform-origin: right 50%;
|
479
|
+
-ms-transform-origin: right 50%;
|
453
480
|
transform-origin: right 50%;
|
454
481
|
}
|
455
482
|
.ui.right.center.popup {
|
456
483
|
margin: 0em 0em 0em 0.71428571em;
|
457
484
|
-webkit-transform-origin: left 50%;
|
485
|
+
-ms-transform-origin: left 50%;
|
458
486
|
transform-origin: left 50%;
|
459
487
|
}
|
460
488
|
|
@@ -464,14 +492,17 @@
|
|
464
492
|
}
|
465
493
|
.ui.bottom.left.popup {
|
466
494
|
-webkit-transform-origin: left top;
|
495
|
+
-ms-transform-origin: left top;
|
467
496
|
transform-origin: left top;
|
468
497
|
}
|
469
498
|
.ui.bottom.center.popup {
|
470
499
|
-webkit-transform-origin: center top;
|
500
|
+
-ms-transform-origin: center top;
|
471
501
|
transform-origin: center top;
|
472
502
|
}
|
473
503
|
.ui.bottom.right.popup {
|
474
504
|
-webkit-transform-origin: right top;
|
505
|
+
-ms-transform-origin: right top;
|
475
506
|
transform-origin: right top;
|
476
507
|
}
|
477
508
|
|