fomantic-ui-sass 2.7.8 → 2.8.1

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.
Files changed (62) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui/api.js +1 -1
  4. data/app/assets/javascripts/semantic-ui/calendar.js +41 -18
  5. data/app/assets/javascripts/semantic-ui/dropdown.js +58 -33
  6. data/app/assets/javascripts/semantic-ui/form.js +9 -4
  7. data/app/assets/javascripts/semantic-ui/modal.js +96 -33
  8. data/app/assets/javascripts/semantic-ui/popup.js +8 -8
  9. data/app/assets/javascripts/semantic-ui/progress.js +10 -8
  10. data/app/assets/javascripts/semantic-ui/rating.js +35 -6
  11. data/app/assets/javascripts/semantic-ui/sidebar.js +2 -3
  12. data/app/assets/javascripts/semantic-ui/slider.js +78 -29
  13. data/app/assets/javascripts/semantic-ui/tab.js +1 -1
  14. data/app/assets/javascripts/semantic-ui/toast.js +395 -121
  15. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +3 -3
  16. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +741 -143
  17. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +35 -35
  18. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +73 -117
  19. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +11 -11
  20. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +976 -191
  21. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +1 -0
  22. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +51 -81
  23. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +12 -12
  24. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +35 -14
  25. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +12312 -0
  26. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +111 -66
  27. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +70 -31
  28. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +28 -28
  29. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +218 -69
  30. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +20 -20
  31. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +52 -51
  32. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +85 -91
  33. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +8 -8
  34. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +11 -11
  35. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +31 -10
  36. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +38 -38
  37. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +16 -17
  38. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +3 -3
  39. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +6 -6
  40. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +2 -2
  41. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +14 -124
  42. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +21 -21
  43. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +181 -110
  44. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +12 -12
  45. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +121 -30
  46. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +71 -72
  47. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +44 -26
  48. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +246 -21
  49. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +16 -13
  50. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +2 -2
  51. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +12 -14
  52. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +20 -23
  53. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +2 -2
  54. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +542 -155
  55. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +16 -16
  56. data/app/assets/stylesheets/semantic-ui/views/_card.scss +42 -17
  57. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +9 -9
  58. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -5
  59. data/app/assets/stylesheets/semantic-ui/views/_item.scss +33 -12
  60. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +60 -46
  61. data/lib/fomantic/ui/sass/version.rb +2 -2
  62. metadata +2 -1
@@ -168,8 +168,8 @@
168
168
 
169
169
 
170
170
  /*-----------------------
171
- Page Grid
172
- -------------------------*/
171
+ Page Grid
172
+ -------------------------*/
173
173
 
174
174
  @media only screen and (max-width: 767.98px) {
175
175
  .ui.page.grid {
@@ -959,8 +959,8 @@
959
959
  }
960
960
 
961
961
  /*----------------------
962
- Centered
963
- -----------------------*/
962
+ Centered
963
+ -----------------------*/
964
964
 
965
965
  .ui.centered.grid,
966
966
  .ui.centered.grid > .row,
@@ -983,8 +983,8 @@
983
983
  }
984
984
 
985
985
  /*----------------------
986
- Relaxed
987
- -----------------------*/
986
+ Relaxed
987
+ -----------------------*/
988
988
 
989
989
  .ui.relaxed.grid > .column:not(.row),
990
990
  .ui.relaxed.grid > .row > .column,
@@ -1012,8 +1012,8 @@
1012
1012
  }
1013
1013
 
1014
1014
  /*----------------------
1015
- Padded
1016
- -----------------------*/
1015
+ Padded
1016
+ -----------------------*/
1017
1017
 
1018
1018
  .ui.padded.grid:not(.vertically):not(.horizontally) {
1019
1019
  margin: 0 !important;
@@ -1028,8 +1028,8 @@
1028
1028
  }
1029
1029
 
1030
1030
  /*----------------------
1031
- "Floated"
1032
- -----------------------*/
1031
+ "Floated"
1032
+ -----------------------*/
1033
1033
 
1034
1034
  .ui.grid [class*="left floated"].column {
1035
1035
  margin-right: auto;
@@ -1039,8 +1039,8 @@
1039
1039
  }
1040
1040
 
1041
1041
  /*----------------------
1042
- Divided
1043
- -----------------------*/
1042
+ Divided
1043
+ -----------------------*/
1044
1044
 
1045
1045
  .ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
1046
1046
  .ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
@@ -1140,8 +1140,8 @@
1140
1140
  }
1141
1141
 
1142
1142
  /*----------------------
1143
- Celled
1144
- -----------------------*/
1143
+ Celled
1144
+ -----------------------*/
1145
1145
 
1146
1146
  .ui.celled.grid {
1147
1147
  width: 100%;
@@ -1195,8 +1195,8 @@
1195
1195
  }
1196
1196
 
1197
1197
  /*----------------------
1198
- Vertically Aligned
1199
- -----------------------*/
1198
+ Vertically Aligned
1199
+ -----------------------*/
1200
1200
 
1201
1201
 
1202
1202
  /* Top Aligned */
@@ -1271,8 +1271,8 @@
1271
1271
  }
1272
1272
 
1273
1273
  /*----------------------
1274
- Horizontally Centered
1275
- -----------------------*/
1274
+ Horizontally Centered
1275
+ -----------------------*/
1276
1276
 
1277
1277
 
1278
1278
  /* Left Aligned */
@@ -1441,8 +1441,8 @@
1441
1441
  }
1442
1442
 
1443
1443
  /*----------------------
1444
- Reverse
1445
- -----------------------*/
1444
+ Reverse
1445
+ -----------------------*/
1446
1446
 
1447
1447
 
1448
1448
  /* Mobile */
@@ -1597,8 +1597,8 @@
1597
1597
  }
1598
1598
 
1599
1599
  /*-------------------
1600
- Doubling
1601
- --------------------*/
1600
+ Doubling
1601
+ --------------------*/
1602
1602
 
1603
1603
 
1604
1604
  /* Tablet Only */
@@ -1790,8 +1790,8 @@
1790
1790
  }
1791
1791
 
1792
1792
  /*-------------------
1793
- Stackable
1794
- --------------------*/
1793
+ Stackable
1794
+ --------------------*/
1795
1795
 
1796
1796
  @media only screen and (max-width: 767.98px) {
1797
1797
  .ui.stackable.grid {
@@ -1805,12 +1805,12 @@
1805
1805
  .ui.stackable.grid > .column.row > .column,
1806
1806
  .ui.stackable.grid > .row > .column,
1807
1807
  .ui.stackable.grid > .column:not(.row),
1808
- .ui.grid > .stackable.stackable.row > .column {
1808
+ .ui.grid > .stackable.stackable.stackable.row > .column {
1809
1809
  width: 100% !important;
1810
1810
  margin: 0 0 !important;
1811
1811
  -webkit-box-shadow: none !important;
1812
1812
  box-shadow: none !important;
1813
- padding: 1rem 1rem !important;
1813
+ padding: 1rem 1rem;
1814
1814
  }
1815
1815
  .ui.stackable.grid:not(.vertically) > .row {
1816
1816
  margin: 0;
@@ -1995,27 +1995,27 @@
1995
1995
  }
1996
1996
 
1997
1997
  /*-----------------
1998
- Compact
1999
- -----------------*/
1998
+ Compact
1999
+ -----------------*/
2000
2000
 
2001
- .ui.compact.grid > .column:not(.row),
2002
- .ui.compact.grid > .row > .column {
2001
+ .ui.ui.ui.compact.grid > .column:not(.row),
2002
+ .ui.ui.ui.compact.grid > .row > .column {
2003
2003
  padding-left: 0.5rem;
2004
2004
  padding-right: 0.5rem;
2005
2005
  }
2006
- .ui.compact.grid > * {
2006
+ .ui.ui.ui.compact.grid > * {
2007
2007
  padding-left: 0.5rem;
2008
2008
  padding-right: 0.5rem;
2009
2009
  }
2010
2010
 
2011
2011
  /* Row */
2012
- .ui.compact.grid > .row {
2012
+ .ui.ui.ui.compact.grid > .row {
2013
2013
  padding-top: 0.5rem;
2014
2014
  padding-bottom: 0.5rem;
2015
2015
  }
2016
2016
 
2017
2017
  /* Columns */
2018
- .ui.compact.grid > .column:not(.row) {
2018
+ .ui.ui.ui.compact.grid > .column:not(.row) {
2019
2019
  padding-top: 0.5rem;
2020
2020
  padding-bottom: 0.5rem;
2021
2021
  }
@@ -2031,8 +2031,8 @@
2031
2031
  }
2032
2032
 
2033
2033
  /*-----------------
2034
- Very compact
2035
- -----------------*/
2034
+ Very compact
2035
+ -----------------*/
2036
2036
 
2037
2037
  .ui[class*="very compact"].grid > .column:not(.row),
2038
2038
  .ui[class*="very compact"].grid > .row > .column {
@@ -385,8 +385,8 @@
385
385
  }
386
386
 
387
387
  /*--------------
388
- Sidebar
389
- ---------------*/
388
+ Sidebar
389
+ ---------------*/
390
390
 
391
391
 
392
392
  /* Show vertical dividers below last */
@@ -542,8 +542,8 @@ Floated Menu / Item
542
542
  }
543
543
 
544
544
  /*--------------
545
- Vertical
546
- ---------------*/
545
+ Vertical
546
+ ---------------*/
547
547
 
548
548
  .ui.vertical.menu {
549
549
  display: block;
@@ -651,8 +651,8 @@ Floated Menu / Item
651
651
  }
652
652
 
653
653
  /*--------------
654
- Tabular
655
- ---------------*/
654
+ Tabular
655
+ ---------------*/
656
656
 
657
657
  .ui.tabular.menu {
658
658
  border-radius: 0;
@@ -795,8 +795,8 @@ Floated Menu / Item
795
795
  }
796
796
 
797
797
  /*--------------
798
- Pagination
799
- ---------------*/
798
+ Pagination
799
+ ---------------*/
800
800
 
801
801
  .ui.pagination.menu {
802
802
  margin: 0;
@@ -833,8 +833,8 @@ Floated Menu / Item
833
833
  }
834
834
 
835
835
  /*--------------
836
- Secondary
837
- ---------------*/
836
+ Secondary
837
+ ---------------*/
838
838
 
839
839
  .ui.secondary.menu {
840
840
  background: none;
@@ -932,6 +932,11 @@ Floated Menu / Item
932
932
  box-shadow: none;
933
933
  }
934
934
 
935
+ /*---------------------
936
+ Secondary Vertical
937
+ -----------------------*/
938
+
939
+
935
940
  /* Sub Menu */
936
941
  .ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
937
942
  margin: 0 -0.92857143em;
@@ -940,11 +945,6 @@ Floated Menu / Item
940
945
  margin: 0;
941
946
  padding: 0.5em 1.33333333em;
942
947
  }
943
-
944
- /*---------------------
945
- Secondary Vertical
946
- -----------------------*/
947
-
948
948
  .ui.secondary.vertical.menu > .item {
949
949
  border: none;
950
950
  margin: 0 0 0.35714286em;
@@ -965,8 +965,8 @@ Floated Menu / Item
965
965
  }
966
966
 
967
967
  /*---------------------
968
- Secondary Pointing
969
- -----------------------*/
968
+ Secondary Pointing
969
+ -----------------------*/
970
970
 
971
971
  .ui.secondary.pointing.menu {
972
972
  margin-left: 0;
@@ -1092,8 +1092,8 @@ Floated Menu / Item
1092
1092
  }
1093
1093
 
1094
1094
  /*--------------
1095
- Text Menu
1096
- ---------------*/
1095
+ Text Menu
1096
+ ---------------*/
1097
1097
 
1098
1098
  .ui.text.menu {
1099
1099
  background: none transparent;
@@ -1274,8 +1274,8 @@ Floated Menu / Item
1274
1274
  }
1275
1275
 
1276
1276
  /*--------------
1277
- Labeled Icon
1278
- ---------------*/
1277
+ Labeled Icon
1278
+ ---------------*/
1279
1279
 
1280
1280
 
1281
1281
  /* Menu */
@@ -1312,8 +1312,8 @@ Floated Menu / Item
1312
1312
 
1313
1313
 
1314
1314
  /*--------------
1315
- Stackable
1316
- ---------------*/
1315
+ Stackable
1316
+ ---------------*/
1317
1317
 
1318
1318
  @media only screen and (max-width: 767.98px) {
1319
1319
  .ui.stackable.menu {
@@ -1434,8 +1434,8 @@ Floated Menu / Item
1434
1434
  }
1435
1435
 
1436
1436
  /*--------------
1437
- Inverted
1438
- ---------------*/
1437
+ Inverted
1438
+ ---------------*/
1439
1439
 
1440
1440
  .ui.inverted.menu {
1441
1441
  border: 0 solid transparent;
@@ -1534,8 +1534,8 @@ Floated Menu / Item
1534
1534
  }
1535
1535
 
1536
1536
  /*--------------
1537
- Floated
1538
- ---------------*/
1537
+ Floated
1538
+ ---------------*/
1539
1539
 
1540
1540
  .ui.floated.menu {
1541
1541
  float: left;
@@ -1550,8 +1550,8 @@ Floated Menu / Item
1550
1550
  }
1551
1551
 
1552
1552
  /*--------------
1553
- Inverted
1554
- ---------------*/
1553
+ Inverted
1554
+ ---------------*/
1555
1555
 
1556
1556
  .ui.ui.inverted.menu .primary.active.item,
1557
1557
  .ui.ui.inverted.primary.menu {
@@ -1740,8 +1740,8 @@ Floated Menu / Item
1740
1740
  }
1741
1741
 
1742
1742
  /*--------------
1743
- Fitted
1744
- ---------------*/
1743
+ Fitted
1744
+ ---------------*/
1745
1745
 
1746
1746
  .ui.fitted.menu .item,
1747
1747
  .ui.fitted.menu .item .menu .item,
@@ -1762,8 +1762,8 @@ Floated Menu / Item
1762
1762
  }
1763
1763
 
1764
1764
  /*--------------
1765
- Borderless
1766
- ---------------*/
1765
+ Borderless
1766
+ ---------------*/
1767
1767
 
1768
1768
  .ui.borderless.menu .item:before,
1769
1769
  .ui.borderless.menu .item .menu .item:before,
@@ -1772,8 +1772,8 @@ Floated Menu / Item
1772
1772
  }
1773
1773
 
1774
1774
  /*-------------------
1775
- Compact
1776
- --------------------*/
1775
+ Compact
1776
+ --------------------*/
1777
1777
 
1778
1778
  .ui.compact.menu {
1779
1779
  display: -webkit-inline-box;
@@ -1802,8 +1802,8 @@ Floated Menu / Item
1802
1802
  }
1803
1803
 
1804
1804
  /*-------------------
1805
- Fluid
1806
- --------------------*/
1805
+ Fluid
1806
+ --------------------*/
1807
1807
 
1808
1808
  .ui.menu.fluid,
1809
1809
  .ui.vertical.menu.fluid {
@@ -1867,8 +1867,8 @@ Floated Menu / Item
1867
1867
  }
1868
1868
 
1869
1869
  /*--------------
1870
- Fixed
1871
- ---------------*/
1870
+ Fixed
1871
+ ---------------*/
1872
1872
 
1873
1873
  .ui.menu.fixed {
1874
1874
  position: fixed;
@@ -1931,8 +1931,8 @@ Floated Menu / Item
1931
1931
  }
1932
1932
 
1933
1933
  /*-------------------
1934
- Pointing
1935
- --------------------*/
1934
+ Pointing
1935
+ --------------------*/
1936
1936
 
1937
1937
  .ui.pointing.menu .item:after {
1938
1938
  visibility: hidden;
@@ -2051,8 +2051,8 @@ Floated Menu / Item
2051
2051
  }
2052
2052
 
2053
2053
  /*--------------
2054
- Attached
2055
- ---------------*/
2054
+ Attached
2055
+ ---------------*/
2056
2056
 
2057
2057
 
2058
2058
  /* Middle */
@@ -2121,112 +2121,68 @@ Floated Menu / Item
2121
2121
  Sizes
2122
2122
  ---------------*/
2123
2123
 
2124
-
2125
- /* Mini */
2126
- .ui.mini.menu {
2127
- font-size: 0.78571429rem;
2128
- }
2129
- .ui.mini.vertical.menu:not(.icon) {
2130
- width: 9rem;
2124
+ .ui.menu {
2125
+ font-size: 1rem;
2131
2126
  }
2132
- .ui.mini.menu .dropdown {
2133
- font-size: 0.78571429rem;
2127
+ .ui.vertical.menu {
2128
+ width: 15rem;
2134
2129
  }
2130
+ .ui.mini.menu,
2131
+ .ui.mini.menu .dropdown,
2135
2132
  .ui.mini.menu .dropdown .menu > .item {
2136
2133
  font-size: 0.78571429rem;
2137
2134
  }
2138
-
2139
- /* Tiny */
2140
- .ui.tiny.menu {
2135
+ .ui.mini.vertical.menu:not(.icon) {
2136
+ width: 9rem;
2137
+ }
2138
+ .ui.tiny.menu,
2139
+ .ui.tiny.menu .dropdown,
2140
+ .ui.tiny.menu .dropdown .menu > .item {
2141
2141
  font-size: 0.85714286rem;
2142
2142
  }
2143
2143
  .ui.tiny.vertical.menu:not(.icon) {
2144
2144
  width: 11rem;
2145
2145
  }
2146
- .ui.tiny.menu .dropdown {
2147
- font-size: 0.85714286rem;
2148
- }
2149
- .ui.tiny.menu .dropdown .menu > .item {
2150
- font-size: 0.85714286rem;
2151
- }
2152
-
2153
- /* Small */
2154
- .ui.small.menu {
2146
+ .ui.small.menu,
2147
+ .ui.small.menu .dropdown,
2148
+ .ui.small.menu .dropdown .menu > .item {
2155
2149
  font-size: 0.92857143rem;
2156
2150
  }
2157
2151
  .ui.small.vertical.menu:not(.icon) {
2158
2152
  width: 13rem;
2159
2153
  }
2160
- .ui.small.menu .dropdown {
2161
- font-size: 0.92857143rem;
2162
- }
2163
- .ui.small.menu .dropdown .menu > .item {
2164
- font-size: 0.92857143rem;
2165
- }
2166
-
2167
- /* Medium */
2168
- .ui.menu {
2169
- font-size: 1rem;
2170
- }
2171
- .ui.vertical.menu {
2172
- width: 15rem;
2173
- }
2174
-
2175
- /* Large */
2176
- .ui.large.menu {
2154
+ .ui.large.menu,
2155
+ .ui.large.menu .dropdown,
2156
+ .ui.large.menu .dropdown .menu > .item {
2177
2157
  font-size: 1.07142857rem;
2178
2158
  }
2179
2159
  .ui.large.vertical.menu:not(.icon) {
2180
2160
  width: 18rem;
2181
2161
  }
2182
- .ui.large.menu .dropdown {
2183
- font-size: 1.07142857rem;
2184
- }
2185
- .ui.large.menu .dropdown .menu > .item {
2186
- font-size: 1.07142857rem;
2187
- }
2188
-
2189
- /* Huge */
2190
- .ui.huge.menu {
2191
- font-size: 1.21428571rem;
2192
- }
2193
- .ui.huge.vertical.menu:not(.icon) {
2194
- width: 22rem;
2195
- }
2196
- .ui.huge.menu .dropdown {
2197
- font-size: 1.21428571rem;
2198
- }
2199
- .ui.huge.menu .dropdown .menu > .item {
2200
- font-size: 1.21428571rem;
2201
- }
2202
-
2203
- /* Big */
2204
- .ui.big.menu {
2162
+ .ui.big.menu,
2163
+ .ui.big.menu .dropdown,
2164
+ .ui.big.menu .dropdown .menu > .item {
2205
2165
  font-size: 1.14285714rem;
2206
2166
  }
2207
2167
  .ui.big.vertical.menu:not(.icon) {
2208
2168
  width: 20rem;
2209
2169
  }
2210
- .ui.big.menu .dropdown {
2211
- font-size: 1.14285714rem;
2170
+ .ui.huge.menu,
2171
+ .ui.huge.menu .dropdown,
2172
+ .ui.huge.menu .dropdown .menu > .item {
2173
+ font-size: 1.21428571rem;
2212
2174
  }
2213
- .ui.big.menu .dropdown .menu > .item {
2214
- font-size: 1.14285714rem;
2175
+ .ui.huge.vertical.menu:not(.icon) {
2176
+ width: 22rem;
2215
2177
  }
2216
-
2217
- /* Massive */
2218
- .ui.massive.menu {
2178
+ .ui.massive.menu,
2179
+ .ui.massive.menu .dropdown,
2180
+ .ui.massive.menu .dropdown .menu > .item {
2219
2181
  font-size: 1.28571429rem;
2220
2182
  }
2221
2183
  .ui.massive.vertical.menu:not(.icon) {
2222
2184
  width: 25rem;
2223
2185
  }
2224
- .ui.massive.menu .dropdown {
2225
- font-size: 1.28571429rem;
2226
- }
2227
- .ui.massive.menu .dropdown .menu > .item {
2228
- font-size: 1.28571429rem;
2229
- }
2230
2186
 
2231
2187
  /*-------------------
2232
2188
  Inverted dropdowns