fomantic-ui-sass 2.8.6 → 2.8.7

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 (52) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
  4. data/app/assets/fonts/semantic-ui/brand-icons.svg +6 -41
  5. data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
  6. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  7. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  8. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  9. data/app/assets/fonts/semantic-ui/icons.svg +7 -245
  10. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  11. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  12. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  13. data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
  14. data/app/assets/fonts/semantic-ui/outline-icons.svg +2 -2
  15. data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
  16. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  17. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  18. data/app/assets/javascripts/semantic-ui/calendar.js +144 -18
  19. data/app/assets/javascripts/semantic-ui/checkbox.js +1 -1
  20. data/app/assets/javascripts/semantic-ui/dimmer.js +3 -3
  21. data/app/assets/javascripts/semantic-ui/dropdown.js +52 -16
  22. data/app/assets/javascripts/semantic-ui/form.js +34 -8
  23. data/app/assets/javascripts/semantic-ui/progress.js +20 -24
  24. data/app/assets/javascripts/semantic-ui/search.js +1 -0
  25. data/app/assets/javascripts/semantic-ui/slider.js +2 -2
  26. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +23 -69
  27. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +8 -7
  28. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +4 -4
  29. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +3 -3
  30. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1 -1
  31. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +8 -8
  32. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +7 -1
  33. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +33 -4
  34. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +32 -32
  35. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +12 -12
  36. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +6 -0
  37. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +9 -9
  38. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +12 -0
  39. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +16 -9
  40. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +14 -14
  41. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +108 -25
  42. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +6 -6
  43. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +3 -3
  44. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +2 -0
  45. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +2 -1
  46. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +9 -0
  47. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +7 -7
  48. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +5 -5
  50. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +4 -4
  51. data/lib/fomantic/ui/sass/version.rb +2 -2
  52. metadata +5 -5
@@ -67,7 +67,7 @@
67
67
  Icon
68
68
  ---------------*/
69
69
 
70
- .ui.embed > .icon {
70
+ .ui.embed > i.icon {
71
71
  cursor: pointer;
72
72
  position: absolute;
73
73
  top: 0;
@@ -76,7 +76,7 @@
76
76
  height: 100%;
77
77
  z-index: 2;
78
78
  }
79
- .ui.embed > .icon:after {
79
+ .ui.embed > i.icon:after {
80
80
  position: absolute;
81
81
  top: 0;
82
82
  left: 0;
@@ -90,7 +90,7 @@
90
90
  -webkit-transition: opacity 0.5s ease;
91
91
  transition: opacity 0.5s ease;
92
92
  }
93
- .ui.embed > .icon:before {
93
+ .ui.embed > i.icon:before {
94
94
  position: absolute;
95
95
  top: 50%;
96
96
  left: 50%;
@@ -114,12 +114,12 @@
114
114
  Hover
115
115
  ---------------*/
116
116
 
117
- .ui.embed .icon:hover:after {
117
+ .ui.embed i.icon:hover:after {
118
118
  background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
119
119
  background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
120
120
  opacity: 1;
121
121
  }
122
- .ui.embed .icon:hover:before {
122
+ .ui.embed i.icon:hover:before {
123
123
  color: #FFFFFF;
124
124
  }
125
125
 
@@ -127,7 +127,7 @@
127
127
  Active
128
128
  ---------------*/
129
129
 
130
- .ui.active.embed > .icon,
130
+ .ui.active.embed > i.icon,
131
131
  .ui.active.embed > .placeholder {
132
132
  display: none;
133
133
  }
@@ -35,9 +35,9 @@
35
35
  will-change: top, left, margin, transform, opacity;
36
36
  }
37
37
  .ui.modal > :first-child:not(.icon):not(.dimmer),
38
- .ui.modal > .icon:first-child + *,
38
+ .ui.modal > i.icon:first-child + *,
39
39
  .ui.modal > .dimmer:first-child + *:not(.icon),
40
- .ui.modal > .dimmer:first-child + .icon + * {
40
+ .ui.modal > .dimmer:first-child + i.icon + * {
41
41
  border-top-left-radius: 0.28571429rem;
42
42
  border-top-right-radius: 0.28571429rem;
43
43
  }
@@ -153,7 +153,7 @@
153
153
  -ms-flex-item-align: start;
154
154
  align-self: start;
155
155
  }
156
- .ui.modal > .content > .icon + .description,
156
+ .ui.modal > .content > i.icon + .description,
157
157
  .ui.modal > .content > .image + .description {
158
158
  -webkit-box-flex: 0;
159
159
  -ms-flex: 0 1 auto;
@@ -98,6 +98,7 @@
98
98
  position: absolute;
99
99
  text-transform: none;
100
100
  text-align: left;
101
+ text-shadow: none;
101
102
  white-space: nowrap;
102
103
  font-size: 1rem;
103
104
  border: 1px solid #D4D4D5;
@@ -185,6 +186,7 @@
185
186
  [data-tooltip][data-position="right center"]:hover:after {
186
187
  -webkit-transform: translateY(-50%) scale(1) !important;
187
188
  transform: translateY(-50%) scale(1) !important;
189
+ -moz-transform: translateY(-50%) scale(1.0001) !important;
188
190
  }
189
191
  [data-tooltip][data-position="top left"]:after,
190
192
  [data-tooltip][data-position="top right"]:after,
@@ -98,6 +98,7 @@ body.pushable.dimmed {
98
98
  .pushable:not(body) {
99
99
  -webkit-transform: translate3d(0, 0, 0);
100
100
  transform: translate3d(0, 0, 0);
101
+ overflow-y: hidden;
101
102
  }
102
103
  .pushable:not(body) > .ui.sidebar,
103
104
  .pushable:not(body) > .fixed,
@@ -153,7 +154,7 @@ body.pushable > .pusher {
153
154
  top: 0;
154
155
  right: 0;
155
156
  content: '';
156
- background-color: rgba(0, 0, 0, 0.4);
157
+ background: rgba(0, 0, 0, 0.4);
157
158
  overflow: hidden;
158
159
  opacity: 0;
159
160
  -webkit-transition: opacity 500ms;
@@ -174,9 +174,15 @@
174
174
  display: -webkit-inline-box;
175
175
  display: -ms-inline-flexbox;
176
176
  display: inline-flex;
177
+ padding: 0.2em 0;
177
178
  position: absolute;
178
179
  -webkit-transform: translate(-50%, -100%);
179
180
  transform: translate(-50%, -100%);
181
+ white-space: nowrap;
182
+ }
183
+ .ui.bottom.aligned.labeled.slider > .labels .label {
184
+ -webkit-transform: translate(-50%, 100%);
185
+ transform: translate(-50%, 100%);
180
186
  }
181
187
  .ui.labeled.ticked.slider > .labels .label:after {
182
188
  content: ' ';
@@ -187,6 +193,9 @@
187
193
  top: 100%;
188
194
  left: 50%;
189
195
  }
196
+ .ui.bottom.aligned.labeled.ticked.slider > .labels .label:after {
197
+ top: -100%;
198
+ }
190
199
  .ui.labeled.ticked.slider > .labels .halftick.label:after {
191
200
  height: 0.75em;
192
201
  }
@@ -101,7 +101,7 @@
101
101
  .ui.toast-container .toast-box > .attached.progress.success .bar.bar.bar {
102
102
  background: #15792d;
103
103
  }
104
- .ui.toast-container .toast-box > .attached.progress .error .bar.bar.bar {
104
+ .ui.toast-container .toast-box > .attached.progress.error .bar.bar.bar {
105
105
  background: #9c1a1a;
106
106
  }
107
107
  .ui.toast-container .toast-box > .attached.progress.neutral .bar.bar.bar {
@@ -122,7 +122,7 @@
122
122
  .ui.toast-container .toast-box > .ui.message.icon > :not(.icon):not(.actions) {
123
123
  padding-left: 5rem;
124
124
  }
125
- .ui.toast-container .toast-box > .ui.message.icon > .icon:not(.close) {
125
+ .ui.toast-container .toast-box > .ui.message.icon > i.icon:not(.close) {
126
126
  display: inline-block;
127
127
  position: absolute;
128
128
  width: 4rem;
@@ -130,7 +130,7 @@
130
130
  -webkit-transform: translateY(-50%);
131
131
  transform: translateY(-50%);
132
132
  }
133
- .ui.toast-container .toast-box > .ui.message.icon:not(.vertical).actions > .icon:not(.close) {
133
+ .ui.toast-container .toast-box > .ui.message.icon:not(.vertical).actions > i.icon:not(.close) {
134
134
  top: calc(50% - 1.2em);
135
135
  -webkit-transform: none;
136
136
  transform: none;
@@ -392,13 +392,13 @@
392
392
  background-color: #FFFFFF;
393
393
  color: rgba(0, 0, 0, 0.87);
394
394
  }
395
- .ui.toast > .icon:not(.close) {
395
+ .ui.toast > i.icon:not(.close) {
396
396
  font-size: 1.5em;
397
397
  }
398
- .ui.toast:not(.vertical) > .icon:not(.close) {
398
+ .ui.toast:not(.vertical) > i.icon:not(.close) {
399
399
  position: absolute;
400
400
  }
401
- .ui.toast:not(.vertical) > .icon:not(.close) + .content {
401
+ .ui.toast:not(.vertical) > i.icon:not(.close) + .content {
402
402
  padding-left: 3em;
403
403
  }
404
404
  .ui.toast:not(.vertical) > .close.icon + .content {
@@ -439,7 +439,7 @@
439
439
  padding-left: 1em;
440
440
  }
441
441
  .ui.toast.vertical > .ui.image + .content,
442
- .ui.toast.vertical > .icon:not(.close) + .content {
442
+ .ui.toast.vertical > i.icon:not(.close) + .content {
443
443
  padding-left: 1em;
444
444
  }
445
445
  .ui.toast.vertical > .ui.image {
@@ -345,7 +345,7 @@
345
345
 
346
346
  .ui.cards > .card .dimmer,
347
347
  .ui.card .dimmer {
348
- background-color: '';
348
+ background: '';
349
349
  z-index: 10;
350
350
  }
351
351
 
@@ -237,10 +237,10 @@
237
237
  -webkit-transition: 0.2s color ease;
238
238
  transition: 0.2s color ease;
239
239
  }
240
- .ui.feed > .event > .content .meta .like:hover .icon {
240
+ .ui.feed > .event > .content .meta .like:hover i.icon {
241
241
  color: #FF2733;
242
242
  }
243
- .ui.feed > .event > .content .meta .active.like .icon {
243
+ .ui.feed > .event > .content .meta .active.like i.icon {
244
244
  color: #EF404A;
245
245
  }
246
246
 
@@ -254,7 +254,7 @@
254
254
 
255
255
  /* Action */
256
256
  .ui.feed > .event > .content .meta a,
257
- .ui.feed > .event > .content .meta > .icon {
257
+ .ui.feed > .event > .content .meta > i.icon {
258
258
  cursor: pointer;
259
259
  opacity: 1;
260
260
  color: rgba(0, 0, 0, 0.5);
@@ -262,8 +262,8 @@
262
262
  transition: color 0.1s ease;
263
263
  }
264
264
  .ui.feed > .event > .content .meta a:hover,
265
- .ui.feed > .event > .content .meta a:hover .icon,
266
- .ui.feed > .event > .content .meta > .icon:hover {
265
+ .ui.feed > .event > .content .meta a:hover i.icon,
266
+ .ui.feed > .event > .content .meta > i.icon:hover {
267
267
  color: rgba(0, 0, 0, 0.95);
268
268
  }
269
269
 
@@ -144,8 +144,8 @@
144
144
  Icon Value
145
145
  ---------------*/
146
146
 
147
- .ui.statistics .statistic > .value .icon,
148
- .ui.statistic > .value .icon {
147
+ .ui.statistics .statistic > .value > i.icon,
148
+ .ui.statistic > .value > i.icon {
149
149
  opacity: 1;
150
150
  width: auto;
151
151
  margin: 0;
@@ -294,8 +294,8 @@
294
294
  .ui.horizontal.statistics > .statistic > .text.value {
295
295
  min-height: 0 !important;
296
296
  }
297
- .ui.horizontal.statistics .statistic > .value .icon,
298
- .ui.horizontal.statistic > .value .icon {
297
+ .ui.horizontal.statistics .statistic > .value > i.icon,
298
+ .ui.horizontal.statistic > .value > i.icon {
299
299
  width: 1.18em;
300
300
  }
301
301
  .ui.horizontal.statistics .statistic > .value,
@@ -1,8 +1,8 @@
1
1
  module Fomantic
2
2
  module Ui
3
3
  module Sass
4
- VERSION = '2.8.6'.freeze
5
- SEMANTIC_UI_SHA = '2b06f8b0aeb6c552c5252c39cddce259216f40ed'.freeze
4
+ VERSION = '2.8.7'.freeze
5
+ SEMANTIC_UI_SHA = '5b3969cc46bd1e1da1f59b2f5a05098fa5053d2a'.freeze
6
6
  end
7
7
  end
8
8
  end
metadata CHANGED
@@ -1,15 +1,15 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: fomantic-ui-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.8.6
4
+ version: 2.8.7
5
5
  platform: ruby
6
6
  authors:
7
7
  - doabit
8
8
  - shanecav84
9
- autorequire:
9
+ autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2020-07-07 00:00:00.000000000 Z
12
+ date: 2021-03-04 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: autoprefixer-rails
@@ -349,7 +349,7 @@ homepage: https://github.com/fomantic/Fomantic-UI-SASS
349
349
  licenses:
350
350
  - MIT
351
351
  metadata: {}
352
- post_install_message:
352
+ post_install_message:
353
353
  rdoc_options: []
354
354
  require_paths:
355
355
  - lib
@@ -365,7 +365,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
365
365
  version: '0'
366
366
  requirements: []
367
367
  rubygems_version: 3.1.2
368
- signing_key:
368
+ signing_key:
369
369
  specification_version: 4
370
370
  summary: Fomantic UI, converted to Sass and ready to drop into Rails, Compass, or
371
371
  Sprockets.