fomantic-ui-sass 2.7.1 → 2.7.2

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 (64) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +20 -0
  3. data/Rakefile +1 -0
  4. data/app/assets/javascripts/semantic-ui/accordion.js +20 -17
  5. data/app/assets/javascripts/semantic-ui/checkbox.js +18 -17
  6. data/app/assets/javascripts/semantic-ui/dropdown.js +48 -42
  7. data/app/assets/javascripts/semantic-ui/form.js +59 -28
  8. data/app/assets/javascripts/semantic-ui/modal.js +13 -1
  9. data/app/assets/javascripts/semantic-ui/progress.js +5 -5
  10. data/app/assets/javascripts/semantic-ui/search.js +34 -28
  11. data/app/assets/javascripts/semantic-ui/sidebar.js +5 -7
  12. data/app/assets/javascripts/semantic-ui/transition.js +46 -34
  13. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  14. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +7 -1
  15. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +1 -1
  16. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +112 -112
  17. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
  18. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +66 -66
  19. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +21 -14
  20. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
  21. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  22. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
  23. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +2 -4
  24. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +464 -131
  25. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  26. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +8 -3
  27. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +227 -187
  28. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +26 -12
  29. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +68 -19
  30. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
  31. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +14 -17
  34. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +5 -1
  35. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +26 -0
  36. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +24 -118
  37. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +5 -5
  38. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  39. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -1
  41. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
  42. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +6 -3
  43. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +2 -1
  45. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  46. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +4 -4
  47. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +68 -21
  48. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  50. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  52. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  53. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  54. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +1 -1
  55. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  56. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  57. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  58. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  59. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
  60. data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
  61. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  62. data/fomantic-ui-sass.gemspec +1 -1
  63. data/lib/fomantic/ui/sass/version.rb +2 -2
  64. metadata +3 -3
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Site
2
+ * # Semantic UI 2.7.2 - Site
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -171,16 +171,16 @@ body ::-webkit-scrollbar-thumb:hover {
171
171
  }
172
172
 
173
173
  /* Inverted UI */
174
- body .ui.inverted::-webkit-scrollbar-track {
174
+ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-track {
175
175
  background: rgba(255, 255, 255, 0.1);
176
176
  }
177
- body .ui.inverted::-webkit-scrollbar-thumb {
177
+ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb {
178
178
  background: rgba(255, 255, 255, 0.25);
179
179
  }
180
- body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
180
+ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:window-inactive {
181
181
  background: rgba(255, 255, 255, 0.15);
182
182
  }
183
- body .ui.inverted::-webkit-scrollbar-thumb:hover {
183
+ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
184
184
  background: rgba(255, 255, 255, 0.35);
185
185
  }
186
186
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Accordion
2
+ * # Semantic UI 2.7.2 - Accordion
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Calendar
2
+ * # Semantic UI 2.7.2 - Calendar
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Checkbox
2
+ * # Semantic UI 2.7.2 - Checkbox
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Dimmer
2
+ * # Semantic UI 2.7.2 - Dimmer
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -168,8 +168,8 @@ body.dimmable > .dimmer {
168
168
  ---------------*/
169
169
 
170
170
  .blurring.dimmable > :not(.dimmer) {
171
- -webkit-filter: blur(0px) grayscale(0);
172
- filter: blur(0px) grayscale(0);
171
+ -webkit-filter: initial;
172
+ filter: initial;
173
173
  -webkit-transition: 800ms -webkit-filter ease;
174
174
  transition: 800ms -webkit-filter ease;
175
175
  transition: 800ms filter ease;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Dropdown
2
+ * # Semantic UI 2.7.2 - Dropdown
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1176,9 +1176,12 @@ select.ui.dropdown {
1176
1176
  }
1177
1177
  .ui.simple.dropdown .menu {
1178
1178
  position: absolute;
1179
+
1180
+ /* IE hack to make dropdown icons appear inline */
1181
+ display: -ms-inline-flexbox !important;
1179
1182
  display: block;
1180
1183
  overflow: hidden;
1181
- top: -9999px !important;
1184
+ top: -9999px;
1182
1185
  opacity: 0;
1183
1186
  width: 0;
1184
1187
  height: 0;
@@ -1196,7 +1199,7 @@ select.ui.dropdown {
1196
1199
  overflow: visible;
1197
1200
  width: auto;
1198
1201
  height: auto;
1199
- top: 100% !important;
1202
+ top: 100%;
1200
1203
  opacity: 1;
1201
1204
  }
1202
1205
  .ui.simple.dropdown > .menu > .item:active > .menu,
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Video
2
+ * # Semantic UI 2.7.2 - Video
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Modal
2
+ * # Semantic UI 2.7.2 - Modal
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -622,6 +622,7 @@
622
622
  .ui.inverted.modal > .actions {
623
623
  background: #191A1B;
624
624
  border-top: 1px solid rgba(34, 36, 38, 0.85);
625
+ color: #FFFFFF;
625
626
  }
626
627
  .ui.inverted.dimmer > .modal > .close {
627
628
  color: rgba(0, 0, 0, 0.85);
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Nag
2
+ * # Semantic UI 2.7.2 - Nag
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Popup
2
+ * # Semantic UI 2.7.2 - Popup
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -54,7 +54,7 @@
54
54
  background: #FFFFFF;
55
55
  -webkit-transform: rotate(45deg);
56
56
  transform: rotate(45deg);
57
- z-index: 2;
57
+ z-index: 1901;
58
58
  -webkit-box-shadow: 1px 1px 0 0 #bababc;
59
59
  box-shadow: 1px 1px 0 0 #bababc;
60
60
  }
@@ -86,7 +86,7 @@
86
86
  background: #FFFFFF;
87
87
  -webkit-transform: rotate(45deg);
88
88
  transform: rotate(45deg);
89
- z-index: 2;
89
+ z-index: 1901;
90
90
  -webkit-box-shadow: 1px 1px 0 0 #bababc;
91
91
  box-shadow: 1px 1px 0 0 #bababc;
92
92
  }
@@ -111,7 +111,7 @@
111
111
  border-radius: 0.28571429rem;
112
112
  -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
113
113
  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
114
- z-index: 1;
114
+ z-index: 1900;
115
115
  }
116
116
 
117
117
  /* Default Position (Top Center) */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Progress Bar
2
+ * # Semantic UI 2.7.2 - Progress Bar
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -50,6 +50,16 @@
50
50
  -webkit-transition: width 0.1s ease, background-color 0.1s ease;
51
51
  transition: width 0.1s ease, background-color 0.1s ease;
52
52
  }
53
+ .ui.progress:not([data-percent]) .bar,
54
+ .ui.progress[data-percent="0"] .bar {
55
+ background: transparent;
56
+ }
57
+ .ui.progress[data-percent="0"] .bar .progress {
58
+ color: rgba(0, 0, 0, 0.87);
59
+ }
60
+ .ui.inverted.progress[data-percent="0"] .bar .progress {
61
+ color: rgba(255, 255, 255, 0.9);
62
+ }
53
63
 
54
64
  /* Percent Complete */
55
65
  .ui.progress .bar > .progress {
@@ -140,6 +150,30 @@
140
150
  color: rgba(0, 0, 0, 0.87);
141
151
  }
142
152
 
153
+ /* Inverted Indicating Label */
154
+ .ui.inverted.indicating.progress[data-percent^="1"] .label,
155
+ .ui.inverted.indicating.progress[data-percent^="2"] .label {
156
+ color: rgba(255, 255, 255, 0.9);
157
+ }
158
+ .ui.inverted.indicating.progress[data-percent^="3"] .label {
159
+ color: rgba(255, 255, 255, 0.9);
160
+ }
161
+ .ui.inverted.indicating.progress[data-percent^="4"] .label,
162
+ .ui.inverted.indicating.progress[data-percent^="5"] .label {
163
+ color: rgba(255, 255, 255, 0.9);
164
+ }
165
+ .ui.inverted.indicating.progress[data-percent^="6"] .label {
166
+ color: rgba(255, 255, 255, 0.9);
167
+ }
168
+ .ui.inverted.indicating.progress[data-percent^="7"] .label,
169
+ .ui.inverted.indicating.progress[data-percent^="8"] .label {
170
+ color: rgba(255, 255, 255, 0.9);
171
+ }
172
+ .ui.inverted.indicating.progress[data-percent^="9"] .label,
173
+ .ui.inverted.indicating.progress[data-percent^="100"] .label {
174
+ color: rgba(255, 255, 255, 0.9);
175
+ }
176
+
143
177
  /* Single Digits */
144
178
  .ui.indicating.progress[data-percent="1"] .bar,
145
179
  .ui.indicating.progress[data-percent="2"] .bar,
@@ -152,6 +186,7 @@
152
186
  .ui.indicating.progress[data-percent="9"] .bar {
153
187
  background-color: #D95C5C;
154
188
  }
189
+ .ui.indicating.progress[data-percent="0"] .label,
155
190
  .ui.indicating.progress[data-percent="1"] .label,
156
191
  .ui.indicating.progress[data-percent="2"] .label,
157
192
  .ui.indicating.progress[data-percent="3"] .label,
@@ -163,9 +198,21 @@
163
198
  .ui.indicating.progress[data-percent="9"] .label {
164
199
  color: rgba(0, 0, 0, 0.87);
165
200
  }
201
+ .ui.inverted.indicating.progress[data-percent="0"] .label,
202
+ .ui.inverted.indicating.progress[data-percent="1"] .label,
203
+ .ui.inverted.indicating.progress[data-percent="2"] .label,
204
+ .ui.inverted.indicating.progress[data-percent="3"] .label,
205
+ .ui.inverted.indicating.progress[data-percent="4"] .label,
206
+ .ui.inverted.indicating.progress[data-percent="5"] .label,
207
+ .ui.inverted.indicating.progress[data-percent="6"] .label,
208
+ .ui.inverted.indicating.progress[data-percent="7"] .label,
209
+ .ui.inverted.indicating.progress[data-percent="8"] .label,
210
+ .ui.inverted.indicating.progress[data-percent="9"] .label {
211
+ color: rgba(255, 255, 255, 0.9);
212
+ }
166
213
 
167
214
  /* Indicating Success */
168
- .ui.indicating.progress.success .label {
215
+ .ui.ui.indicating.progress.success .label {
169
216
  color: #1A531B;
170
217
  }
171
218
 
@@ -180,12 +227,12 @@
180
227
  ---------------*/
181
228
 
182
229
  .ui.progress.success .bar {
183
- background-color: #21BA45 !important;
230
+ background-color: #21BA45;
184
231
  }
185
- .ui.progress.success .bar,
186
- .ui.progress.success .bar::after {
187
- -webkit-animation: none !important;
188
- animation: none !important;
232
+ .ui.ui.progress.success .bar,
233
+ .ui.ui.progress.success .bar::after {
234
+ -webkit-animation: none;
235
+ animation: none;
189
236
  }
190
237
  .ui.progress.success > .label {
191
238
  color: #1A531B;
@@ -196,12 +243,12 @@
196
243
  ---------------*/
197
244
 
198
245
  .ui.progress.warning .bar {
199
- background-color: #F2C037 !important;
246
+ background-color: #F2C037;
200
247
  }
201
- .ui.progress.warning .bar,
202
- .ui.progress.warning .bar::after {
203
- -webkit-animation: none !important;
204
- animation: none !important;
248
+ .ui.ui.progress.warning .bar,
249
+ .ui.ui.progress.warning .bar::after {
250
+ -webkit-animation: none;
251
+ animation: none;
205
252
  }
206
253
  .ui.progress.warning > .label {
207
254
  color: #794B02;
@@ -212,12 +259,12 @@
212
259
  ---------------*/
213
260
 
214
261
  .ui.progress.error .bar {
215
- background-color: #DB2828 !important;
262
+ background-color: #DB2828;
216
263
  }
217
- .ui.progress.error .bar,
218
- .ui.progress.error .bar::after {
219
- -webkit-animation: none !important;
220
- animation: none !important;
264
+ .ui.ui.progress.error .bar,
265
+ .ui.ui.progress.error .bar::after {
266
+ -webkit-animation: none;
267
+ animation: none;
221
268
  }
222
269
  .ui.progress.error > .label {
223
270
  color: #912D2B;
@@ -278,10 +325,10 @@
278
325
  .ui.disabled.progress {
279
326
  opacity: 0.35;
280
327
  }
281
- .ui.disabled.progress .bar,
282
- .ui.disabled.progress .bar::after {
283
- -webkit-animation: none !important;
284
- animation: none !important;
328
+ .ui.ui.disabled.progress .bar,
329
+ .ui.ui.disabled.progress .bar::after {
330
+ -webkit-animation: none;
331
+ animation: none;
285
332
  }
286
333
 
287
334
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Rating
2
+ * # Semantic UI 2.7.2 - Rating
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Search
2
+ * # Semantic UI 2.7.2 - Search
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Shape
2
+ * # Semantic UI 2.7.2 - Shape
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Sidebar
2
+ * # Semantic UI 2.7.2 - Sidebar
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Sticky
2
+ * # Semantic UI 2.7.2 - Sticky
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Tab
2
+ * # Semantic UI 2.7.2 - Tab
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Toast
2
+ * # Semantic UI 2.7.2 - Toast
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Transition
2
+ * # Semantic UI 2.7.2 - Transition
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Ad
2
+ * # Semantic UI 2.7.2 - Ad
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Card
2
+ * # Semantic UI 2.7.2 - Card
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Comment
2
+ * # Semantic UI 2.7.2 - Comment
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Feed
2
+ * # Semantic UI 2.7.2 - Feed
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Item
2
+ * # Semantic UI 2.7.2 - Item
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Statistic
2
+ * # Semantic UI 2.7.2 - Statistic
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -9,7 +9,7 @@ Gem::Specification.new do |spec|
9
9
  spec.email = ['doinsist@gmail.com', 'shane@shanecav.net']
10
10
  spec.description = 'Fomantic UI, converted to Sass and ready to drop into Rails, Compass, or Sprockets.'
11
11
  spec.summary = 'Fomantic UI, converted to Sass and ready to drop into Rails, Compass, or Sprockets.'
12
- spec.homepage = 'http://github.com/shanecav84/fomantic-ui-sass'
12
+ spec.homepage = 'https://github.com/fomantic/Fomantic-UI-SASS'
13
13
  spec.license = 'MIT'
14
14
 
15
15
  spec.files = `git ls-files`.split($INPUT_RECORD_SEPARATOR)
@@ -1,8 +1,8 @@
1
1
  module Fomantic
2
2
  module Ui
3
3
  module Sass
4
- VERSION = '2.7.1'.freeze
5
- SEMANTIC_UI_SHA = '2f3cbbc5869c435afe353cb1a22325155043f17c'.freeze
4
+ VERSION = '2.7.2'.freeze
5
+ SEMANTIC_UI_SHA = '9ac555ac53460eb2f5b2ee0148c9a1fbc7bb2bc2'.freeze
6
6
  end
7
7
  end
8
8
  end