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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.svg +6 -41
- data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/icons.svg +7 -245
- data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.svg +2 -2
- data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
- data/app/assets/javascripts/semantic-ui/calendar.js +144 -18
- data/app/assets/javascripts/semantic-ui/checkbox.js +1 -1
- data/app/assets/javascripts/semantic-ui/dimmer.js +3 -3
- data/app/assets/javascripts/semantic-ui/dropdown.js +52 -16
- data/app/assets/javascripts/semantic-ui/form.js +34 -8
- data/app/assets/javascripts/semantic-ui/progress.js +20 -24
- data/app/assets/javascripts/semantic-ui/search.js +1 -0
- data/app/assets/javascripts/semantic-ui/slider.js +2 -2
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +23 -69
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +8 -7
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +4 -4
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +8 -8
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +7 -1
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +33 -4
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +32 -32
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +12 -12
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +6 -0
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +9 -9
- data/app/assets/stylesheets/semantic-ui/elements/_text.scss +12 -0
- data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +16 -9
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +14 -14
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +108 -25
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +6 -6
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +2 -0
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +9 -0
- data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +7 -7
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +5 -5
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +4 -4
- data/lib/fomantic/ui/sass/version.rb +2 -2
- 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
|
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
|
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 {
|
@@ -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,
|
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.
|
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:
|
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.
|