semantic-ui-sass 2.2.1.1 → 2.2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 535759346842689516d3e10c9248df0fb6c9f056
|
4
|
+
data.tar.gz: 37652c22f5eaf35570c712868d50cbc01dbcf867
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 1bb4296571bdecde78d9cc75f73d8bafd2d02223c3e1ac16ac932ea54097b8bac8077f678403b3ee9612476a59b80e2f752c75a5277688e9569aedf5b2661384
|
7
|
+
data.tar.gz: 937dc6b7ba04359f554fd450ae60703ece02dee528adbae220af0ab6f083368de0a806493f8f3543a9f9cbebe45f6d318b901142935c7e289a03f61c635702e0
|
data/.travis.yml
CHANGED
data/CHANGELOG.md
CHANGED
@@ -83,6 +83,7 @@ $.fn.dimmer = function(parameters) {
|
|
83
83
|
else {
|
84
84
|
$dimmer = module.create();
|
85
85
|
}
|
86
|
+
module.set.variation();
|
86
87
|
}
|
87
88
|
},
|
88
89
|
|
@@ -173,10 +174,6 @@ $.fn.dimmer = function(parameters) {
|
|
173
174
|
var
|
174
175
|
$element = $( settings.template.dimmer() )
|
175
176
|
;
|
176
|
-
if(settings.variation) {
|
177
|
-
module.debug('Creating dimmer with variation', settings.variation);
|
178
|
-
$element.addClass(settings.variation);
|
179
|
-
}
|
180
177
|
if(settings.dimmerName) {
|
181
178
|
module.debug('Creating named dimmer', settings.dimmerName);
|
182
179
|
$element.addClass(settings.dimmerName);
|
@@ -244,6 +244,11 @@ $.fn.shape = function(parameters) {
|
|
244
244
|
var
|
245
245
|
$clone = $module.clone().addClass(className.loading),
|
246
246
|
$activeSide = $clone.find('.' + settings.className.active),
|
247
|
+
$nextSide = (nextIndex)
|
248
|
+
? $clone.find(selector.side).eq(nextIndex)
|
249
|
+
: ( $activeSide.next(selector.side).length > 0 )
|
250
|
+
? $activeSide.next(selector.side)
|
251
|
+
: $clone.find(selector.side).first(),
|
247
252
|
newWidth = (settings.width == 'next')
|
248
253
|
? $nextSide.outerWidth(true)
|
249
254
|
: (settings.width == 'initial')
|
@@ -253,12 +258,7 @@ $.fn.shape = function(parameters) {
|
|
253
258
|
? $nextSide.outerHeight(true)
|
254
259
|
: (settings.height == 'initial')
|
255
260
|
? $module.height()
|
256
|
-
: settings.height
|
257
|
-
$nextSide = (nextIndex)
|
258
|
-
? $clone.find(selector.side).eq(nextIndex)
|
259
|
-
: ( $activeSide.next(selector.side).length > 0 )
|
260
|
-
? $activeSide.next(selector.side)
|
261
|
-
: $clone.find(selector.side).first()
|
261
|
+
: settings.height
|
262
262
|
;
|
263
263
|
$activeSide.removeClass(className.active);
|
264
264
|
$nextSide.addClass(className.active);
|
@@ -307,9 +307,12 @@ $.fn.shape = function(parameters) {
|
|
307
307
|
}
|
308
308
|
if( !module.is.animating()) {
|
309
309
|
module.debug('Flipping up', $nextSide);
|
310
|
+
var
|
311
|
+
transform = module.get.transform.up()
|
312
|
+
;
|
310
313
|
module.set.stageSize();
|
311
314
|
module.stage.above();
|
312
|
-
module.animate(
|
315
|
+
module.animate(transform);
|
313
316
|
}
|
314
317
|
else {
|
315
318
|
module.queue('flip up');
|
@@ -323,9 +326,12 @@ $.fn.shape = function(parameters) {
|
|
323
326
|
}
|
324
327
|
if( !module.is.animating()) {
|
325
328
|
module.debug('Flipping down', $nextSide);
|
329
|
+
var
|
330
|
+
transform = module.get.transform.down()
|
331
|
+
;
|
326
332
|
module.set.stageSize();
|
327
333
|
module.stage.below();
|
328
|
-
module.animate(
|
334
|
+
module.animate(transform);
|
329
335
|
}
|
330
336
|
else {
|
331
337
|
module.queue('flip down');
|
@@ -339,9 +345,12 @@ $.fn.shape = function(parameters) {
|
|
339
345
|
}
|
340
346
|
if( !module.is.animating()) {
|
341
347
|
module.debug('Flipping left', $nextSide);
|
348
|
+
var
|
349
|
+
transform = module.get.transform.left()
|
350
|
+
;
|
342
351
|
module.set.stageSize();
|
343
352
|
module.stage.left();
|
344
|
-
module.animate(
|
353
|
+
module.animate(transform);
|
345
354
|
}
|
346
355
|
else {
|
347
356
|
module.queue('flip left');
|
@@ -355,9 +364,12 @@ $.fn.shape = function(parameters) {
|
|
355
364
|
}
|
356
365
|
if( !module.is.animating()) {
|
357
366
|
module.debug('Flipping right', $nextSide);
|
367
|
+
var
|
368
|
+
transform = module.get.transform.right()
|
369
|
+
;
|
358
370
|
module.set.stageSize();
|
359
371
|
module.stage.right();
|
360
|
-
module.animate(
|
372
|
+
module.animate(transform);
|
361
373
|
}
|
362
374
|
else {
|
363
375
|
module.queue('flip right');
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Form
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -961,7 +961,6 @@
|
|
961
961
|
-webkit-box-align: center;
|
962
962
|
-webkit-align-items: center;
|
963
963
|
-ms-flex-align: center;
|
964
|
-
-ms-grid-row-align: center;
|
965
964
|
align-items: center;
|
966
965
|
}
|
967
966
|
.ui.form .inline.fields .field {
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Grid
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -1328,6 +1328,7 @@
|
|
1328
1328
|
.ui.grid > .row > .justified.column {
|
1329
1329
|
text-align: justify;
|
1330
1330
|
-webkit-hyphens: auto;
|
1331
|
+
-moz-hyphens: auto;
|
1331
1332
|
-ms-hyphens: auto;
|
1332
1333
|
hyphens: auto;
|
1333
1334
|
}
|
@@ -1819,6 +1819,7 @@ Floated Menu / Item
|
|
1819
1819
|
top: 100%;
|
1820
1820
|
left: 50%;
|
1821
1821
|
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1822
|
+
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1822
1823
|
transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1823
1824
|
background: none;
|
1824
1825
|
margin: 0.5px 0em 0em;
|
@@ -1838,6 +1839,7 @@ Floated Menu / Item
|
|
1838
1839
|
bottom: auto;
|
1839
1840
|
left: auto;
|
1840
1841
|
-webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
|
1842
|
+
-ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
|
1841
1843
|
transform: translateX(50%) translateY(-50%) rotate(45deg);
|
1842
1844
|
margin: 0em -0.5px 0em 0em;
|
1843
1845
|
border: none;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Message
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -477,6 +477,6 @@
|
|
477
477
|
|
478
478
|
|
479
479
|
/*******************************
|
480
|
-
|
480
|
+
User Variable Overrides
|
481
481
|
*******************************/
|
482
482
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Button
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -273,6 +273,7 @@
|
|
273
273
|
}
|
274
274
|
.ui.vertical.animated.button .visible.content {
|
275
275
|
-webkit-transform: translateY(0%);
|
276
|
+
-ms-transform: translateY(0%);
|
276
277
|
transform: translateY(0%);
|
277
278
|
right: auto;
|
278
279
|
}
|
@@ -284,6 +285,7 @@
|
|
284
285
|
.ui.vertical.animated.button:focus .visible.content,
|
285
286
|
.ui.vertical.animated.button:hover .visible.content {
|
286
287
|
-webkit-transform: translateY(200%);
|
288
|
+
-ms-transform: translateY(200%);
|
287
289
|
transform: translateY(200%);
|
288
290
|
right: auto;
|
289
291
|
}
|
@@ -306,6 +308,7 @@
|
|
306
308
|
right: auto;
|
307
309
|
opacity: 1;
|
308
310
|
-webkit-transform: scale(1);
|
311
|
+
-ms-transform: scale(1);
|
309
312
|
transform: scale(1);
|
310
313
|
}
|
311
314
|
.ui.fade.animated.button .hidden.content {
|
@@ -313,6 +316,7 @@
|
|
313
316
|
left: 0%;
|
314
317
|
right: auto;
|
315
318
|
-webkit-transform: scale(1.5);
|
319
|
+
-ms-transform: scale(1.5);
|
316
320
|
transform: scale(1.5);
|
317
321
|
}
|
318
322
|
.ui.fade.animated.button:focus .visible.content,
|
@@ -321,6 +325,7 @@
|
|
321
325
|
right: auto;
|
322
326
|
opacity: 0;
|
323
327
|
-webkit-transform: scale(0.75);
|
328
|
+
-ms-transform: scale(0.75);
|
324
329
|
transform: scale(0.75);
|
325
330
|
}
|
326
331
|
.ui.fade.animated.button:focus .hidden.content,
|
@@ -329,6 +334,7 @@
|
|
329
334
|
right: auto;
|
330
335
|
opacity: 1;
|
331
336
|
-webkit-transform: scale(1);
|
337
|
+
-ms-transform: scale(1);
|
332
338
|
transform: scale(1);
|
333
339
|
}
|
334
340
|
|
@@ -889,6 +895,7 @@
|
|
889
895
|
top: 50%;
|
890
896
|
text-align: center;
|
891
897
|
-webkit-transform: translateY(-50%);
|
898
|
+
-ms-transform: translateY(-50%);
|
892
899
|
transform: translateY(-50%);
|
893
900
|
}
|
894
901
|
.ui.labeled.icon.buttons .button > .icon {
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Container
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -130,6 +130,7 @@
|
|
130
130
|
.ui.justified.container {
|
131
131
|
text-align: justify;
|
132
132
|
-webkit-hyphens: auto;
|
133
|
+
-moz-hyphens: auto;
|
133
134
|
-ms-hyphens: auto;
|
134
135
|
hyphens: auto;
|
135
136
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Divider
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -92,6 +92,7 @@
|
|
92
92
|
line-height: 0em;
|
93
93
|
text-align: center;
|
94
94
|
-webkit-transform: translateX(-50%);
|
95
|
+
-ms-transform: translateX(-50%);
|
95
96
|
transform: translateX(-50%);
|
96
97
|
}
|
97
98
|
.ui.vertical.divider:before,
|
@@ -128,6 +129,7 @@
|
|
128
129
|
top: 0;
|
129
130
|
left: 0;
|
130
131
|
-webkit-transform: none;
|
132
|
+
-ms-transform: none;
|
131
133
|
transform: none;
|
132
134
|
}
|
133
135
|
.ui.stackable.grid .ui.vertical.divider:before,
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Icon
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -153,10 +153,12 @@ i.circular.inverted.icon {
|
|
153
153
|
i.flipped.icon,
|
154
154
|
i.horizontally.flipped.icon {
|
155
155
|
-webkit-transform: scale(-1, 1);
|
156
|
+
-ms-transform: scale(-1, 1);
|
156
157
|
transform: scale(-1, 1);
|
157
158
|
}
|
158
159
|
i.vertically.flipped.icon {
|
159
160
|
-webkit-transform: scale(1, -1);
|
161
|
+
-ms-transform: scale(1, -1);
|
160
162
|
transform: scale(1, -1);
|
161
163
|
}
|
162
164
|
|
@@ -168,11 +170,13 @@ i.rotated.icon,
|
|
168
170
|
i.right.rotated.icon,
|
169
171
|
i.clockwise.rotated.icon {
|
170
172
|
-webkit-transform: rotate(90deg);
|
173
|
+
-ms-transform: rotate(90deg);
|
171
174
|
transform: rotate(90deg);
|
172
175
|
}
|
173
176
|
i.left.rotated.icon,
|
174
177
|
i.counterclockwise.rotated.icon {
|
175
178
|
-webkit-transform: rotate(-90deg);
|
179
|
+
-ms-transform: rotate(-90deg);
|
176
180
|
transform: rotate(-90deg);
|
177
181
|
}
|
178
182
|
|
@@ -445,6 +449,7 @@ i.icons .icon {
|
|
445
449
|
top: 50%;
|
446
450
|
left: 50%;
|
447
451
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
452
|
+
-ms-transform: translateX(-50%) translateY(-50%);
|
448
453
|
transform: translateX(-50%) translateY(-50%);
|
449
454
|
margin: 0em;
|
450
455
|
margin: 0;
|
@@ -455,6 +460,7 @@ i.icons .icon:first-child {
|
|
455
460
|
height: auto;
|
456
461
|
vertical-align: top;
|
457
462
|
-webkit-transform: none;
|
463
|
+
-ms-transform: none;
|
458
464
|
transform: none;
|
459
465
|
margin-right: 0.25rem;
|
460
466
|
}
|
@@ -466,6 +472,7 @@ i.icons .corner.icon {
|
|
466
472
|
right: 0;
|
467
473
|
bottom: 0;
|
468
474
|
-webkit-transform: none;
|
475
|
+
-ms-transform: none;
|
469
476
|
transform: none;
|
470
477
|
font-size: 0.45em;
|
471
478
|
text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.2 - Label
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -184,6 +184,7 @@ a.ui.label {
|
|
184
184
|
.ui.tag.label:before {
|
185
185
|
position: absolute;
|
186
186
|
-webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
|
187
|
+
-ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);
|
187
188
|
transform: translateY(-50%) translateX(50%) rotate(-45deg);
|
188
189
|
top: 50%;
|
189
190
|
right: 100%;
|
@@ -329,6 +330,7 @@ a.ui.label {
|
|
329
330
|
.ui[class*="right ribbon"].label {
|
330
331
|
text-align: left;
|
331
332
|
-webkit-transform: translateX(-100%);
|
333
|
+
-ms-transform: translateX(-100%);
|
332
334
|
transform: translateX(-100%);
|
333
335
|
border-radius: 0.28571429rem 0em 0em 0.28571429rem;
|
334
336
|
}
|
@@ -1139,6 +1141,7 @@ a.ui.basic.label:hover {
|
|
1139
1141
|
position: absolute;
|
1140
1142
|
content: '';
|
1141
1143
|
-webkit-transform: rotate(45deg);
|
1144
|
+
-ms-transform: rotate(45deg);
|
1142
1145
|
transform: rotate(45deg);
|
1143
1146
|
background-image: none;
|
1144
1147
|
z-index: 2;
|
@@ -1158,6 +1161,7 @@ a.ui.basic.label:hover {
|
|
1158
1161
|
.ui[class*="pointing above"].label:before {
|
1159
1162
|
border-width: 1px 0px 0px 1px;
|
1160
1163
|
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1164
|
+
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1161
1165
|
transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1162
1166
|
top: 0%;
|
1163
1167
|
left: 50%;
|
@@ -1176,6 +1180,7 @@ a.ui.basic.label:hover {
|
|
1176
1180
|
top: auto;
|
1177
1181
|
right: auto;
|
1178
1182
|
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1183
|
+
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1179
1184
|
transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1180
1185
|
top: 100%;
|
1181
1186
|
left: 50%;
|
@@ -1190,6 +1195,7 @@ a.ui.basic.label:hover {
|
|
1190
1195
|
.ui[class*="left pointing"].label:before {
|
1191
1196
|
border-width: 0px 0px 1px 1px;
|
1192
1197
|
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1198
|
+
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1193
1199
|
transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1194
1200
|
bottom: auto;
|
1195
1201
|
right: auto;
|
@@ -1206,6 +1212,7 @@ a.ui.basic.label:hover {
|
|
1206
1212
|
.ui[class*="right pointing"].label:before {
|
1207
1213
|
border-width: 1px 1px 0px 0px;
|
1208
1214
|
-webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
|
1215
|
+
-ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
|
1209
1216
|
transform: translateX(50%) translateY(-50%) rotate(45deg);
|
1210
1217
|
top: 50%;
|
1211
1218
|
right: 0%;
|