semantic-ui-sass 2.2.10.1 → 2.2.11.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/javascripts/semantic-ui/dropdown.js +108 -50
- data/app/assets/javascripts/semantic-ui/form.js +119 -19
- data/app/assets/javascripts/semantic-ui/modal.js +41 -16
- data/app/assets/javascripts/semantic-ui/popup.js +42 -31
- data/app/assets/javascripts/semantic-ui/search.js +11 -2
- data/app/assets/javascripts/semantic-ui/sidebar.js +1 -4
- data/app/assets/javascripts/semantic-ui/sticky.js +22 -5
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +46 -59
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +23 -52
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +18 -26
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +6 -6
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1 -14
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -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 +25 -1
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +4 -10
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +14 -20
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +22 -44
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +254 -199
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +44 -1
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +19 -3
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +70 -39
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +96 -22
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -3
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -9
- 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 +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +3 -12
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +7 -11
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +17 -23
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +3 -19
- data/lib/semantic/ui/sass/version.rb +2 -2
- data/spec/helpers/semantic_icon_helper_spec.rb +9 -9
- metadata +2 -2
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.11 - Table
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -947,7 +947,7 @@
|
|
947
947
|
.ui.inverted.table th {
|
948
948
|
background-color: rgba(0, 0, 0, 0.15);
|
949
949
|
border-color: rgba(255, 255, 255, 0.1) !important;
|
950
|
-
color: rgba(255, 255, 255, 0.9);
|
950
|
+
color: rgba(255, 255, 255, 0.9) !important;
|
951
951
|
}
|
952
952
|
.ui.inverted.table tr td {
|
953
953
|
border-color: rgba(255, 255, 255, 0.1) !important;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.11 - Button
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -387,12 +387,10 @@
|
|
387
387
|
|
388
388
|
.ui.labeled.button:not(.icon) {
|
389
389
|
display: -webkit-inline-box;
|
390
|
-
display: -webkit-inline-flex;
|
391
390
|
display: -ms-inline-flexbox;
|
392
391
|
display: inline-flex;
|
393
392
|
-webkit-box-orient: horizontal;
|
394
393
|
-webkit-box-direction: normal;
|
395
|
-
-webkit-flex-direction: row;
|
396
394
|
-ms-flex-direction: row;
|
397
395
|
flex-direction: row;
|
398
396
|
background: none !important;
|
@@ -405,11 +403,9 @@
|
|
405
403
|
}
|
406
404
|
.ui.labeled.button > .label {
|
407
405
|
display: -webkit-box;
|
408
|
-
display: -webkit-flex;
|
409
406
|
display: -ms-flexbox;
|
410
407
|
display: flex;
|
411
408
|
-webkit-box-align: center;
|
412
|
-
-webkit-align-items: center;
|
413
409
|
-ms-flex-align: center;
|
414
410
|
align-items: center;
|
415
411
|
margin: 0px 0px 0px -1px !important;
|
@@ -1031,7 +1027,6 @@
|
|
1031
1027
|
.ui.attached.buttons {
|
1032
1028
|
position: relative;
|
1033
1029
|
display: -webkit-box;
|
1034
|
-
display: -webkit-flex;
|
1035
1030
|
display: -ms-flexbox;
|
1036
1031
|
display: flex;
|
1037
1032
|
border-radius: 0em;
|
@@ -1075,7 +1070,6 @@
|
|
1075
1070
|
/* Left / Right */
|
1076
1071
|
.ui[class*="left attached"].buttons {
|
1077
1072
|
display: -webkit-inline-box;
|
1078
|
-
display: -webkit-inline-flex;
|
1079
1073
|
display: -ms-inline-flexbox;
|
1080
1074
|
display: inline-flex;
|
1081
1075
|
margin-right: 0em;
|
@@ -1092,7 +1086,6 @@
|
|
1092
1086
|
}
|
1093
1087
|
.ui[class*="right attached"].buttons {
|
1094
1088
|
display: -webkit-inline-box;
|
1095
|
-
display: -webkit-inline-flex;
|
1096
1089
|
display: -ms-inline-flexbox;
|
1097
1090
|
display: inline-flex;
|
1098
1091
|
margin-left: 0em;
|
@@ -1190,7 +1183,6 @@
|
|
1190
1183
|
.ui.fluid.vertical.buttons,
|
1191
1184
|
.ui.fluid.vertical.buttons > .button {
|
1192
1185
|
display: -webkit-box;
|
1193
|
-
display: -webkit-flex;
|
1194
1186
|
display: -ms-flexbox;
|
1195
1187
|
display: flex;
|
1196
1188
|
width: auto;
|
@@ -3366,12 +3358,10 @@
|
|
3366
3358
|
|
3367
3359
|
.ui.buttons {
|
3368
3360
|
display: -webkit-inline-box;
|
3369
|
-
display: -webkit-inline-flex;
|
3370
3361
|
display: -ms-inline-flexbox;
|
3371
3362
|
display: inline-flex;
|
3372
3363
|
-webkit-box-orient: horizontal;
|
3373
3364
|
-webkit-box-direction: normal;
|
3374
|
-
-webkit-flex-direction: row;
|
3375
3365
|
-ms-flex-direction: row;
|
3376
3366
|
flex-direction: row;
|
3377
3367
|
font-size: 0em;
|
@@ -3394,7 +3384,6 @@
|
|
3394
3384
|
/* Standard Group */
|
3395
3385
|
.ui.buttons .button {
|
3396
3386
|
-webkit-box-flex: 1;
|
3397
|
-
-webkit-flex: 1 0 auto;
|
3398
3387
|
-ms-flex: 1 0 auto;
|
3399
3388
|
flex: 1 0 auto;
|
3400
3389
|
margin: 0em;
|
@@ -3419,12 +3408,10 @@
|
|
3419
3408
|
/* Vertical Style */
|
3420
3409
|
.ui.vertical.buttons {
|
3421
3410
|
display: -webkit-inline-box;
|
3422
|
-
display: -webkit-inline-flex;
|
3423
3411
|
display: -ms-inline-flexbox;
|
3424
3412
|
display: inline-flex;
|
3425
3413
|
-webkit-box-orient: vertical;
|
3426
3414
|
-webkit-box-direction: normal;
|
3427
|
-
-webkit-flex-direction: column;
|
3428
3415
|
-ms-flex-direction: column;
|
3429
3416
|
flex-direction: column;
|
3430
3417
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.11 - Icon
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -472,6 +472,30 @@ i.icons .corner.icon {
|
|
472
472
|
font-size: 0.45em;
|
473
473
|
text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
|
474
474
|
}
|
475
|
+
i.icons .top.right.corner.icon {
|
476
|
+
top: 0;
|
477
|
+
left: auto;
|
478
|
+
right: 0;
|
479
|
+
bottom: auto;
|
480
|
+
}
|
481
|
+
i.icons .top.left.corner.icon {
|
482
|
+
top: 0;
|
483
|
+
left: 0;
|
484
|
+
right: auto;
|
485
|
+
bottom: auto;
|
486
|
+
}
|
487
|
+
i.icons .bottom.left.corner.icon {
|
488
|
+
top: auto;
|
489
|
+
left: 0;
|
490
|
+
right: auto;
|
491
|
+
bottom: 0;
|
492
|
+
}
|
493
|
+
i.icons .bottom.right.corner.icon {
|
494
|
+
top: auto;
|
495
|
+
left: auto;
|
496
|
+
right: 0;
|
497
|
+
bottom: 0;
|
498
|
+
}
|
475
499
|
i.icons .inverted.corner.icon {
|
476
500
|
text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
|
477
501
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.11 - Input
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -23,7 +23,6 @@
|
|
23
23
|
font-weight: normal;
|
24
24
|
font-style: normal;
|
25
25
|
display: -webkit-inline-box;
|
26
|
-
display: -webkit-inline-flex;
|
27
26
|
display: -ms-inline-flexbox;
|
28
27
|
display: inline-flex;
|
29
28
|
color: rgba(0, 0, 0, 0.87);
|
@@ -32,7 +31,6 @@
|
|
32
31
|
margin: 0em;
|
33
32
|
max-width: 100%;
|
34
33
|
-webkit-box-flex: 1;
|
35
|
-
-webkit-flex: 1 0 auto;
|
36
34
|
-ms-flex: 1 0 auto;
|
37
35
|
flex: 1 0 auto;
|
38
36
|
outline: none;
|
@@ -77,11 +75,11 @@
|
|
77
75
|
---------------------*/
|
78
76
|
|
79
77
|
.ui.disabled.input,
|
80
|
-
.ui.input input[disabled] {
|
78
|
+
.ui.input:not(.disabled) input[disabled] {
|
81
79
|
opacity: 0.45;
|
82
80
|
}
|
83
81
|
.ui.disabled.input input,
|
84
|
-
.ui.input input[disabled] {
|
82
|
+
.ui.input:not(.disabled) input[disabled] {
|
85
83
|
pointer-events: none;
|
86
84
|
}
|
87
85
|
|
@@ -203,6 +201,7 @@
|
|
203
201
|
background-color: transparent !important;
|
204
202
|
padding: 0em !important;
|
205
203
|
box-shadow: none !important;
|
204
|
+
border-radius: 0px !important;
|
206
205
|
}
|
207
206
|
|
208
207
|
/* Transparent Icon */
|
@@ -305,7 +304,6 @@
|
|
305
304
|
/* Adjacent Label */
|
306
305
|
.ui.labeled.input > .label {
|
307
306
|
-webkit-box-flex: 0;
|
308
|
-
-webkit-flex: 0 0 auto;
|
309
307
|
-ms-flex: 0 0 auto;
|
310
308
|
flex: 0 0 auto;
|
311
309
|
margin: 0;
|
@@ -391,15 +389,12 @@
|
|
391
389
|
.ui.action.input > .button,
|
392
390
|
.ui.action.input > .buttons {
|
393
391
|
display: -webkit-box;
|
394
|
-
display: -webkit-flex;
|
395
392
|
display: -ms-flexbox;
|
396
393
|
display: flex;
|
397
394
|
-webkit-box-align: center;
|
398
|
-
-webkit-align-items: center;
|
399
395
|
-ms-flex-align: center;
|
400
396
|
align-items: center;
|
401
397
|
-webkit-box-flex: 0;
|
402
|
-
-webkit-flex: 0 0 auto;
|
403
398
|
-ms-flex: 0 0 auto;
|
404
399
|
flex: 0 0 auto;
|
405
400
|
}
|
@@ -470,7 +465,6 @@
|
|
470
465
|
|
471
466
|
.ui.fluid.input {
|
472
467
|
display: -webkit-box;
|
473
|
-
display: -webkit-flex;
|
474
468
|
display: -ms-flexbox;
|
475
469
|
display: flex;
|
476
470
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.11 - Segment
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -233,7 +233,6 @@
|
|
233
233
|
/* Compact Group */
|
234
234
|
.ui.compact.segments {
|
235
235
|
display: -webkit-inline-box;
|
236
|
-
display: -webkit-inline-flex;
|
237
236
|
display: -ms-inline-flexbox;
|
238
237
|
display: inline-flex;
|
239
238
|
}
|
@@ -241,7 +240,6 @@
|
|
241
240
|
.ui.segments .compact.segment {
|
242
241
|
display: block;
|
243
242
|
-webkit-box-flex: 0;
|
244
|
-
-webkit-flex: 0 1 auto;
|
245
243
|
-ms-flex: 0 1 auto;
|
246
244
|
flex: 0 1 auto;
|
247
245
|
}
|
@@ -277,7 +275,6 @@
|
|
277
275
|
.ui.segments {
|
278
276
|
-webkit-box-orient: vertical;
|
279
277
|
-webkit-box-direction: normal;
|
280
|
-
-webkit-flex-direction: column;
|
281
278
|
-ms-flex-direction: column;
|
282
279
|
flex-direction: column;
|
283
280
|
position: relative;
|
@@ -343,12 +340,10 @@
|
|
343
340
|
/* Horizontal Group */
|
344
341
|
.ui.horizontal.segments {
|
345
342
|
display: -webkit-box;
|
346
|
-
display: -webkit-flex;
|
347
343
|
display: -ms-flexbox;
|
348
344
|
display: flex;
|
349
345
|
-webkit-box-orient: horizontal;
|
350
346
|
-webkit-box-direction: normal;
|
351
|
-
-webkit-flex-direction: row;
|
352
347
|
-ms-flex-direction: row;
|
353
348
|
flex-direction: row;
|
354
349
|
background-color: transparent;
|
@@ -374,7 +369,6 @@
|
|
374
369
|
/* Horizontal Segment */
|
375
370
|
.ui.horizontal.segments > .segment {
|
376
371
|
-webkit-box-flex: 1;
|
377
|
-
-webkit-flex: 1 1 auto;
|
378
372
|
flex: 1 1 auto;
|
379
373
|
-ms-flex: 1 1 0px;
|
380
374
|
|
@@ -512,7 +506,7 @@
|
|
512
506
|
|
513
507
|
/* Red */
|
514
508
|
.ui.red.segment:not(.inverted) {
|
515
|
-
border-top: 2px solid #DB2828;
|
509
|
+
border-top: 2px solid #DB2828 !important;
|
516
510
|
}
|
517
511
|
.ui.inverted.red.segment {
|
518
512
|
background-color: #DB2828 !important;
|
@@ -521,7 +515,7 @@
|
|
521
515
|
|
522
516
|
/* Orange */
|
523
517
|
.ui.orange.segment:not(.inverted) {
|
524
|
-
border-top: 2px solid #F2711C;
|
518
|
+
border-top: 2px solid #F2711C !important;
|
525
519
|
}
|
526
520
|
.ui.inverted.orange.segment {
|
527
521
|
background-color: #F2711C !important;
|
@@ -530,7 +524,7 @@
|
|
530
524
|
|
531
525
|
/* Yellow */
|
532
526
|
.ui.yellow.segment:not(.inverted) {
|
533
|
-
border-top: 2px solid #FBBD08;
|
527
|
+
border-top: 2px solid #FBBD08 !important;
|
534
528
|
}
|
535
529
|
.ui.inverted.yellow.segment {
|
536
530
|
background-color: #FBBD08 !important;
|
@@ -539,7 +533,7 @@
|
|
539
533
|
|
540
534
|
/* Olive */
|
541
535
|
.ui.olive.segment:not(.inverted) {
|
542
|
-
border-top: 2px solid #B5CC18;
|
536
|
+
border-top: 2px solid #B5CC18 !important;
|
543
537
|
}
|
544
538
|
.ui.inverted.olive.segment {
|
545
539
|
background-color: #B5CC18 !important;
|
@@ -548,7 +542,7 @@
|
|
548
542
|
|
549
543
|
/* Green */
|
550
544
|
.ui.green.segment:not(.inverted) {
|
551
|
-
border-top: 2px solid #21BA45;
|
545
|
+
border-top: 2px solid #21BA45 !important;
|
552
546
|
}
|
553
547
|
.ui.inverted.green.segment {
|
554
548
|
background-color: #21BA45 !important;
|
@@ -557,7 +551,7 @@
|
|
557
551
|
|
558
552
|
/* Teal */
|
559
553
|
.ui.teal.segment:not(.inverted) {
|
560
|
-
border-top: 2px solid #00B5AD;
|
554
|
+
border-top: 2px solid #00B5AD !important;
|
561
555
|
}
|
562
556
|
.ui.inverted.teal.segment {
|
563
557
|
background-color: #00B5AD !important;
|
@@ -566,7 +560,7 @@
|
|
566
560
|
|
567
561
|
/* Blue */
|
568
562
|
.ui.blue.segment:not(.inverted) {
|
569
|
-
border-top: 2px solid #2185D0;
|
563
|
+
border-top: 2px solid #2185D0 !important;
|
570
564
|
}
|
571
565
|
.ui.inverted.blue.segment {
|
572
566
|
background-color: #2185D0 !important;
|
@@ -575,7 +569,7 @@
|
|
575
569
|
|
576
570
|
/* Violet */
|
577
571
|
.ui.violet.segment:not(.inverted) {
|
578
|
-
border-top: 2px solid #6435C9;
|
572
|
+
border-top: 2px solid #6435C9 !important;
|
579
573
|
}
|
580
574
|
.ui.inverted.violet.segment {
|
581
575
|
background-color: #6435C9 !important;
|
@@ -584,7 +578,7 @@
|
|
584
578
|
|
585
579
|
/* Purple */
|
586
580
|
.ui.purple.segment:not(.inverted) {
|
587
|
-
border-top: 2px solid #A333C8;
|
581
|
+
border-top: 2px solid #A333C8 !important;
|
588
582
|
}
|
589
583
|
.ui.inverted.purple.segment {
|
590
584
|
background-color: #A333C8 !important;
|
@@ -593,7 +587,7 @@
|
|
593
587
|
|
594
588
|
/* Pink */
|
595
589
|
.ui.pink.segment:not(.inverted) {
|
596
|
-
border-top: 2px solid #E03997;
|
590
|
+
border-top: 2px solid #E03997 !important;
|
597
591
|
}
|
598
592
|
.ui.inverted.pink.segment {
|
599
593
|
background-color: #E03997 !important;
|
@@ -602,7 +596,7 @@
|
|
602
596
|
|
603
597
|
/* Brown */
|
604
598
|
.ui.brown.segment:not(.inverted) {
|
605
|
-
border-top: 2px solid #A5673F;
|
599
|
+
border-top: 2px solid #A5673F !important;
|
606
600
|
}
|
607
601
|
.ui.inverted.brown.segment {
|
608
602
|
background-color: #A5673F !important;
|
@@ -611,7 +605,7 @@
|
|
611
605
|
|
612
606
|
/* Grey */
|
613
607
|
.ui.grey.segment:not(.inverted) {
|
614
|
-
border-top: 2px solid #767676;
|
608
|
+
border-top: 2px solid #767676 !important;
|
615
609
|
}
|
616
610
|
.ui.inverted.grey.segment {
|
617
611
|
background-color: #767676 !important;
|
@@ -620,7 +614,7 @@
|
|
620
614
|
|
621
615
|
/* Black */
|
622
616
|
.ui.black.segment:not(.inverted) {
|
623
|
-
border-top: 2px solid #1B1C1D;
|
617
|
+
border-top: 2px solid #1B1C1D !important;
|
624
618
|
}
|
625
619
|
.ui.inverted.black.segment {
|
626
620
|
background-color: #1B1C1D !important;
|