fomantic-ui-sass 2.6.4 → 2.7.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +1 -0
- data/.rubocop.yml +1 -0
- data/.rubocop_todo.yml +102 -0
- data/.travis.yml +9 -3
- data/README.md +4 -2
- data/Rakefile +25 -3
- data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.svg +178 -11
- 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 +1138 -92
- 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 +127 -26
- 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.js +1 -1
- data/app/assets/javascripts/semantic-ui/accordion.js +5 -1
- data/app/assets/javascripts/semantic-ui/api.js +9 -2
- data/app/assets/javascripts/semantic-ui/calendar.js +25 -12
- data/app/assets/javascripts/semantic-ui/checkbox.js +39 -2
- data/app/assets/javascripts/semantic-ui/dimmer.js +25 -5
- data/app/assets/javascripts/semantic-ui/dropdown.js +130 -47
- data/app/assets/javascripts/semantic-ui/embed.js +5 -1
- data/app/assets/javascripts/semantic-ui/form.js +24 -19
- data/app/assets/javascripts/semantic-ui/modal.js +33 -17
- data/app/assets/javascripts/semantic-ui/nag.js +5 -1
- data/app/assets/javascripts/semantic-ui/popup.js +10 -5
- data/app/assets/javascripts/semantic-ui/progress.js +5 -1
- data/app/assets/javascripts/semantic-ui/rating.js +21 -6
- data/app/assets/javascripts/semantic-ui/search.js +43 -27
- data/app/assets/javascripts/semantic-ui/shape.js +5 -1
- data/app/assets/javascripts/semantic-ui/sidebar.js +7 -3
- data/app/assets/javascripts/semantic-ui/site.js +6 -2
- data/app/assets/javascripts/semantic-ui/slider.js +1216 -0
- data/app/assets/javascripts/semantic-ui/state.js +5 -1
- data/app/assets/javascripts/semantic-ui/sticky.js +5 -1
- data/app/assets/javascripts/semantic-ui/tab.js +10 -3
- data/app/assets/javascripts/semantic-ui/toast.js +6 -2
- data/app/assets/javascripts/semantic-ui/transition.js +6 -2
- data/app/assets/javascripts/semantic-ui/visibility.js +6 -2
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +7 -7
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +59 -83
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +110 -124
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +262 -237
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +155 -118
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +332 -145
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +2281 -2415
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +10 -10
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +81 -81
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +178 -191
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +71 -103
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +8 -8
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +61 -40
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +1087 -444
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +69 -69
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +510 -155
- data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +20 -14
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +26 -26
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +8 -8
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +180 -216
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +34 -39
- data/app/assets/stylesheets/semantic-ui/elements/_text.scss +114 -0
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +11 -20
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +16 -16
- data/app/assets/stylesheets/semantic-ui/modules/_all.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +23 -23
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +32 -32
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +128 -155
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +13 -13
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +50 -48
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +15 -15
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +50 -50
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +30 -44
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +137 -111
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +24 -28
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +6 -6
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +29 -29
- data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +768 -0
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +10 -14
- data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +27 -16
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +6 -6
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +103 -133
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +26 -26
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +27 -27
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +54 -54
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +138 -108
- data/app/helpers/semantic_breadcrumbs_helper.rb +1 -1
- data/app/helpers/semantic_flash_helper.rb +4 -2
- data/app/helpers/semantic_icon_helper.rb +1 -1
- data/fomantic-ui-sass.gemspec +20 -19
- data/gemfiles/rails_5.0.gemfile +5 -0
- data/gemfiles/rails_5.1.gemfile +5 -0
- data/gemfiles/rails_5.2.gemfile +5 -0
- data/lib/fomantic-ui-sass.rb +3 -4
- data/lib/fomantic/ui/sass/breadcrumbs.rb +2 -4
- data/lib/fomantic/ui/sass/engine.rb +3 -3
- data/lib/fomantic/ui/sass/version.rb +2 -2
- data/spec/dummy/Rakefile +1 -1
- data/spec/dummy/bin/bundle +1 -1
- data/spec/dummy/bin/rails +1 -1
- data/spec/dummy/bin/rake +0 -0
- data/spec/dummy/config.ru +1 -1
- data/spec/dummy/config/application.rb +5 -6
- data/spec/dummy/config/boot.rb +3 -3
- data/spec/dummy/config/environment.rb +1 -1
- data/spec/dummy/config/environments/test.rb +1 -1
- data/spec/helpers/semantic_breadcrumbs_helper_spec.rb +30 -32
- data/spec/helpers/semantic_flash_helper_spec.rb +15 -16
- data/spec/helpers/semantic_icon_helper_spec.rb +10 -10
- data/spec/spec_helper.rb +4 -6
- data/tasks/converter.rb +61 -73
- data/templates/project/manifest.rb +1 -2
- metadata +45 -23
- data/app/assets/javascripts/semantic-ui/range.js +0 -278
- data/app/assets/stylesheets/semantic-ui/modules/_range.scss +0 -192
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.
|
2
|
+
* # Semantic UI 2.7.0 - Message
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -16,7 +16,7 @@
|
|
16
16
|
.ui.message {
|
17
17
|
position: relative;
|
18
18
|
min-height: 1em;
|
19
|
-
margin: 1em
|
19
|
+
margin: 1em 0;
|
20
20
|
background: #F8F8F9;
|
21
21
|
padding: 1em 1.5em;
|
22
22
|
line-height: 1.4285em;
|
@@ -26,14 +26,14 @@
|
|
26
26
|
transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
|
27
27
|
transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
|
28
28
|
border-radius: 0.28571429rem;
|
29
|
-
-webkit-box-shadow:
|
30
|
-
box-shadow:
|
29
|
+
-webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
30
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
31
31
|
}
|
32
32
|
.ui.message:first-child {
|
33
|
-
margin-top:
|
33
|
+
margin-top: 0;
|
34
34
|
}
|
35
35
|
.ui.message:last-child {
|
36
|
-
margin-bottom:
|
36
|
+
margin-bottom: 0;
|
37
37
|
}
|
38
38
|
|
39
39
|
/*--------------
|
@@ -46,7 +46,7 @@
|
|
46
46
|
display: block;
|
47
47
|
font-family: $font-family;
|
48
48
|
font-weight: bold;
|
49
|
-
margin: -0.14285714em
|
49
|
+
margin: -0.14285714em 0 0 0;
|
50
50
|
}
|
51
51
|
|
52
52
|
/* Default font size */
|
@@ -57,13 +57,13 @@
|
|
57
57
|
/* Paragraph */
|
58
58
|
.ui.message p {
|
59
59
|
opacity: 0.85;
|
60
|
-
margin: 0.75em
|
60
|
+
margin: 0.75em 0;
|
61
61
|
}
|
62
62
|
.ui.message p:first-child {
|
63
|
-
margin-top:
|
63
|
+
margin-top: 0;
|
64
64
|
}
|
65
65
|
.ui.message p:last-child {
|
66
|
-
margin-bottom:
|
66
|
+
margin-bottom: 0;
|
67
67
|
}
|
68
68
|
.ui.message .header + p {
|
69
69
|
margin-top: 0.25em;
|
@@ -72,22 +72,22 @@
|
|
72
72
|
/* List */
|
73
73
|
.ui.message .list:not(.ui) {
|
74
74
|
text-align: left;
|
75
|
-
padding:
|
75
|
+
padding: 0;
|
76
76
|
opacity: 0.85;
|
77
77
|
list-style-position: inside;
|
78
|
-
margin: 0.5em
|
78
|
+
margin: 0.5em 0 0;
|
79
79
|
}
|
80
80
|
.ui.message .list:not(.ui):first-child {
|
81
|
-
margin-top:
|
81
|
+
margin-top: 0;
|
82
82
|
}
|
83
83
|
.ui.message .list:not(.ui):last-child {
|
84
|
-
margin-bottom:
|
84
|
+
margin-bottom: 0;
|
85
85
|
}
|
86
86
|
.ui.message .list:not(.ui) li {
|
87
87
|
position: relative;
|
88
88
|
list-style-type: none;
|
89
|
-
margin:
|
90
|
-
padding:
|
89
|
+
margin: 0 0 0.3em 1em;
|
90
|
+
padding: 0;
|
91
91
|
}
|
92
92
|
.ui.message .list:not(.ui) li:before {
|
93
93
|
position: absolute;
|
@@ -97,7 +97,7 @@
|
|
97
97
|
vertical-align: baseline;
|
98
98
|
}
|
99
99
|
.ui.message .list:not(.ui) li:last-child {
|
100
|
-
margin-bottom:
|
100
|
+
margin-bottom: 0;
|
101
101
|
}
|
102
102
|
|
103
103
|
/* Icon */
|
@@ -109,7 +109,7 @@
|
|
109
109
|
.ui.message > .close.icon {
|
110
110
|
cursor: pointer;
|
111
111
|
position: absolute;
|
112
|
-
margin:
|
112
|
+
margin: 0;
|
113
113
|
top: 0.78575em;
|
114
114
|
right: 0.5em;
|
115
115
|
opacity: 0.7;
|
@@ -122,10 +122,10 @@
|
|
122
122
|
|
123
123
|
/* First / Last Element */
|
124
124
|
.ui.message > :first-child {
|
125
|
-
margin-top:
|
125
|
+
margin-top: 0;
|
126
126
|
}
|
127
127
|
.ui.message > :last-child {
|
128
|
-
margin-bottom:
|
128
|
+
margin-bottom: 0;
|
129
129
|
}
|
130
130
|
|
131
131
|
|
@@ -134,7 +134,7 @@
|
|
134
134
|
*******************************/
|
135
135
|
|
136
136
|
.ui.dropdown .menu > .message {
|
137
|
-
margin:
|
137
|
+
margin: 0 -1px;
|
138
138
|
}
|
139
139
|
|
140
140
|
|
@@ -181,6 +181,7 @@
|
|
181
181
|
display: -webkit-inline-box;
|
182
182
|
display: -ms-inline-flexbox;
|
183
183
|
display: inline-flex;
|
184
|
+
width: auto;
|
184
185
|
}
|
185
186
|
|
186
187
|
/*--------------
|
@@ -189,21 +190,21 @@
|
|
189
190
|
|
190
191
|
.ui.attached.message {
|
191
192
|
margin-bottom: -1px;
|
192
|
-
border-radius: 0.28571429rem 0.28571429rem
|
193
|
-
-webkit-box-shadow:
|
194
|
-
box-shadow:
|
193
|
+
border-radius: 0.28571429rem 0.28571429rem 0 0;
|
194
|
+
-webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
195
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
195
196
|
margin-left: -1px;
|
196
197
|
margin-right: -1px;
|
197
198
|
}
|
198
199
|
.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
|
199
200
|
margin-top: -1px;
|
200
|
-
border-radius:
|
201
|
+
border-radius: 0;
|
201
202
|
}
|
202
203
|
.ui.bottom.attached.message {
|
203
204
|
margin-top: -1px;
|
204
|
-
border-radius:
|
205
|
-
-webkit-box-shadow:
|
206
|
-
box-shadow:
|
205
|
+
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
206
|
+
-webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
207
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
207
208
|
}
|
208
209
|
.ui.bottom.attached.message:not(:last-child) {
|
209
210
|
margin-bottom: 1em;
|
@@ -244,7 +245,7 @@
|
|
244
245
|
vertical-align: middle;
|
245
246
|
}
|
246
247
|
.ui.icon.message .icon:not(.close) + .content {
|
247
|
-
padding-left:
|
248
|
+
padding-left: 0;
|
248
249
|
}
|
249
250
|
.ui.icon.message .circular.icon {
|
250
251
|
width: 1em;
|
@@ -255,145 +256,159 @@
|
|
255
256
|
---------------*/
|
256
257
|
|
257
258
|
.ui.floating.message {
|
258
|
-
-webkit-box-shadow:
|
259
|
-
box-shadow:
|
259
|
+
-webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
260
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
260
261
|
}
|
261
262
|
|
262
263
|
/*--------------
|
263
264
|
Colors
|
264
265
|
---------------*/
|
265
266
|
|
266
|
-
.ui.black.message {
|
267
|
-
background-color: #1B1C1D;
|
268
|
-
color: rgba(255, 255, 255, 0.9);
|
269
|
-
}
|
270
267
|
|
271
268
|
/*--------------
|
272
269
|
Types
|
273
270
|
---------------*/
|
274
271
|
|
275
|
-
|
276
|
-
/* Positive */
|
277
272
|
.ui.positive.message {
|
278
273
|
background-color: #FCFFF5;
|
279
274
|
color: #2C662D;
|
280
275
|
}
|
281
276
|
.ui.positive.message,
|
282
277
|
.ui.attached.positive.message {
|
283
|
-
-webkit-box-shadow:
|
284
|
-
box-shadow:
|
278
|
+
-webkit-box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
279
|
+
box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
285
280
|
}
|
286
281
|
.ui.floating.positive.message {
|
287
|
-
-webkit-box-shadow:
|
288
|
-
box-shadow:
|
282
|
+
-webkit-box-shadow: 0 0 0 1px #A3C293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
283
|
+
box-shadow: 0 0 0 1px #A3C293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
289
284
|
}
|
290
285
|
.ui.positive.message .header {
|
291
286
|
color: #1A531B;
|
292
287
|
}
|
293
|
-
|
294
|
-
/* Negative */
|
295
288
|
.ui.negative.message {
|
296
289
|
background-color: #FFF6F6;
|
297
290
|
color: #9F3A38;
|
298
291
|
}
|
299
292
|
.ui.negative.message,
|
300
293
|
.ui.attached.negative.message {
|
301
|
-
-webkit-box-shadow:
|
302
|
-
box-shadow:
|
294
|
+
-webkit-box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
295
|
+
box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
303
296
|
}
|
304
297
|
.ui.floating.negative.message {
|
305
|
-
-webkit-box-shadow:
|
306
|
-
box-shadow:
|
298
|
+
-webkit-box-shadow: 0 0 0 1px #E0B4B4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
299
|
+
box-shadow: 0 0 0 1px #E0B4B4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
307
300
|
}
|
308
301
|
.ui.negative.message .header {
|
309
302
|
color: #912D2B;
|
310
303
|
}
|
311
|
-
|
312
|
-
/* Info */
|
313
304
|
.ui.info.message {
|
314
305
|
background-color: #F8FFFF;
|
315
306
|
color: #276F86;
|
316
307
|
}
|
317
308
|
.ui.info.message,
|
318
309
|
.ui.attached.info.message {
|
319
|
-
-webkit-box-shadow:
|
320
|
-
box-shadow:
|
310
|
+
-webkit-box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
311
|
+
box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
321
312
|
}
|
322
313
|
.ui.floating.info.message {
|
323
|
-
-webkit-box-shadow:
|
324
|
-
box-shadow:
|
314
|
+
-webkit-box-shadow: 0 0 0 1px #A9D5DE inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
315
|
+
box-shadow: 0 0 0 1px #A9D5DE inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
325
316
|
}
|
326
317
|
.ui.info.message .header {
|
327
318
|
color: #0E566C;
|
328
319
|
}
|
329
|
-
|
330
|
-
/* Warning */
|
331
320
|
.ui.warning.message {
|
332
321
|
background-color: #FFFAF3;
|
333
322
|
color: #573A08;
|
334
323
|
}
|
335
324
|
.ui.warning.message,
|
336
325
|
.ui.attached.warning.message {
|
337
|
-
-webkit-box-shadow:
|
338
|
-
box-shadow:
|
326
|
+
-webkit-box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
327
|
+
box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
339
328
|
}
|
340
329
|
.ui.floating.warning.message {
|
341
|
-
-webkit-box-shadow:
|
342
|
-
box-shadow:
|
330
|
+
-webkit-box-shadow: 0 0 0 1px #C9BA9B inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
331
|
+
box-shadow: 0 0 0 1px #C9BA9B inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
343
332
|
}
|
344
333
|
.ui.warning.message .header {
|
345
334
|
color: #794B02;
|
346
335
|
}
|
347
|
-
|
348
|
-
/* Error */
|
349
336
|
.ui.error.message {
|
350
337
|
background-color: #FFF6F6;
|
351
338
|
color: #9F3A38;
|
352
339
|
}
|
353
340
|
.ui.error.message,
|
354
341
|
.ui.attached.error.message {
|
355
|
-
-webkit-box-shadow:
|
356
|
-
box-shadow:
|
342
|
+
-webkit-box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
343
|
+
box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
357
344
|
}
|
358
345
|
.ui.floating.error.message {
|
359
|
-
-webkit-box-shadow:
|
360
|
-
box-shadow:
|
346
|
+
-webkit-box-shadow: 0 0 0 1px #E0B4B4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
347
|
+
box-shadow: 0 0 0 1px #E0B4B4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
361
348
|
}
|
362
349
|
.ui.error.message .header {
|
363
350
|
color: #912D2B;
|
364
351
|
}
|
365
|
-
|
366
|
-
/* Success */
|
367
352
|
.ui.success.message {
|
368
353
|
background-color: #FCFFF5;
|
369
354
|
color: #2C662D;
|
370
355
|
}
|
371
356
|
.ui.success.message,
|
372
357
|
.ui.attached.success.message {
|
373
|
-
-webkit-box-shadow:
|
374
|
-
box-shadow:
|
358
|
+
-webkit-box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
359
|
+
box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
375
360
|
}
|
376
361
|
.ui.floating.success.message {
|
377
|
-
-webkit-box-shadow:
|
378
|
-
box-shadow:
|
362
|
+
-webkit-box-shadow: 0 0 0 1px #A3C293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
363
|
+
box-shadow: 0 0 0 1px #A3C293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
379
364
|
}
|
380
365
|
.ui.success.message .header {
|
381
366
|
color: #1A531B;
|
382
367
|
}
|
383
|
-
|
384
|
-
|
368
|
+
.ui.primary.message {
|
369
|
+
background-color: #DFF0FF;
|
370
|
+
color: rgba(255, 255, 255, 0.9);
|
371
|
+
}
|
372
|
+
.ui.primary.message,
|
373
|
+
.ui.attached.primary.message {
|
374
|
+
-webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
375
|
+
box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
376
|
+
}
|
377
|
+
.ui.floating.primary.message {
|
378
|
+
-webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
379
|
+
box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
380
|
+
}
|
381
|
+
.ui.primary.message .header {
|
382
|
+
color: rgba(242, 242, 242, 0.9);
|
383
|
+
}
|
384
|
+
.ui.secondary.message {
|
385
|
+
background-color: #F4F4F4;
|
386
|
+
color: rgba(255, 255, 255, 0.9);
|
387
|
+
}
|
388
|
+
.ui.secondary.message,
|
389
|
+
.ui.attached.secondary.message {
|
390
|
+
-webkit-box-shadow: 0 0 0 1px #1B1C1D inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
391
|
+
box-shadow: 0 0 0 1px #1B1C1D inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
392
|
+
}
|
393
|
+
.ui.floating.secondary.message {
|
394
|
+
-webkit-box-shadow: 0 0 0 1px #1B1C1D inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
395
|
+
box-shadow: 0 0 0 1px #1B1C1D inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
396
|
+
}
|
397
|
+
.ui.secondary.message .header {
|
398
|
+
color: rgba(242, 242, 242, 0.9);
|
399
|
+
}
|
385
400
|
.ui.red.message {
|
386
401
|
background-color: #FFE8E6;
|
387
402
|
color: #DB2828;
|
388
403
|
}
|
389
404
|
.ui.red.message,
|
390
405
|
.ui.attached.red.message {
|
391
|
-
-webkit-box-shadow:
|
392
|
-
box-shadow:
|
406
|
+
-webkit-box-shadow: 0 0 0 1px #DB2828 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
407
|
+
box-shadow: 0 0 0 1px #DB2828 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
393
408
|
}
|
394
409
|
.ui.floating.red.message {
|
395
|
-
-webkit-box-shadow:
|
396
|
-
box-shadow:
|
410
|
+
-webkit-box-shadow: 0 0 0 1px #DB2828 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
411
|
+
box-shadow: 0 0 0 1px #DB2828 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
397
412
|
}
|
398
413
|
.ui.red.message .header {
|
399
414
|
color: #c82121;
|
@@ -404,12 +419,12 @@
|
|
404
419
|
}
|
405
420
|
.ui.orange.message,
|
406
421
|
.ui.attached.orange.message {
|
407
|
-
-webkit-box-shadow:
|
408
|
-
box-shadow:
|
422
|
+
-webkit-box-shadow: 0 0 0 1px #F2711C inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
423
|
+
box-shadow: 0 0 0 1px #F2711C inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
409
424
|
}
|
410
425
|
.ui.floating.orange.message {
|
411
|
-
-webkit-box-shadow:
|
412
|
-
box-shadow:
|
426
|
+
-webkit-box-shadow: 0 0 0 1px #F2711C inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
427
|
+
box-shadow: 0 0 0 1px #F2711C inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
413
428
|
}
|
414
429
|
.ui.orange.message .header {
|
415
430
|
color: #e7640d;
|
@@ -420,12 +435,12 @@
|
|
420
435
|
}
|
421
436
|
.ui.yellow.message,
|
422
437
|
.ui.attached.yellow.message {
|
423
|
-
-webkit-box-shadow:
|
424
|
-
box-shadow:
|
438
|
+
-webkit-box-shadow: 0 0 0 1px #B58105 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
439
|
+
box-shadow: 0 0 0 1px #B58105 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
425
440
|
}
|
426
441
|
.ui.floating.yellow.message {
|
427
|
-
-webkit-box-shadow:
|
428
|
-
box-shadow:
|
442
|
+
-webkit-box-shadow: 0 0 0 1px #B58105 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
443
|
+
box-shadow: 0 0 0 1px #B58105 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
429
444
|
}
|
430
445
|
.ui.yellow.message .header {
|
431
446
|
color: #9c6f04;
|
@@ -436,12 +451,12 @@
|
|
436
451
|
}
|
437
452
|
.ui.olive.message,
|
438
453
|
.ui.attached.olive.message {
|
439
|
-
-webkit-box-shadow:
|
440
|
-
box-shadow:
|
454
|
+
-webkit-box-shadow: 0 0 0 1px #8ABC1E inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
455
|
+
box-shadow: 0 0 0 1px #8ABC1E inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
441
456
|
}
|
442
457
|
.ui.floating.olive.message {
|
443
|
-
-webkit-box-shadow:
|
444
|
-
box-shadow:
|
458
|
+
-webkit-box-shadow: 0 0 0 1px #8ABC1E inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
459
|
+
box-shadow: 0 0 0 1px #8ABC1E inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
445
460
|
}
|
446
461
|
.ui.olive.message .header {
|
447
462
|
color: #7aa61a;
|
@@ -452,12 +467,12 @@
|
|
452
467
|
}
|
453
468
|
.ui.green.message,
|
454
469
|
.ui.attached.green.message {
|
455
|
-
-webkit-box-shadow:
|
456
|
-
box-shadow:
|
470
|
+
-webkit-box-shadow: 0 0 0 1px #1EBC30 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
471
|
+
box-shadow: 0 0 0 1px #1EBC30 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
457
472
|
}
|
458
473
|
.ui.floating.green.message {
|
459
|
-
-webkit-box-shadow:
|
460
|
-
box-shadow:
|
474
|
+
-webkit-box-shadow: 0 0 0 1px #1EBC30 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
475
|
+
box-shadow: 0 0 0 1px #1EBC30 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
461
476
|
}
|
462
477
|
.ui.green.message .header {
|
463
478
|
color: #1aa62a;
|
@@ -468,12 +483,12 @@
|
|
468
483
|
}
|
469
484
|
.ui.teal.message,
|
470
485
|
.ui.attached.teal.message {
|
471
|
-
-webkit-box-shadow:
|
472
|
-
box-shadow:
|
486
|
+
-webkit-box-shadow: 0 0 0 1px #10A3A3 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
487
|
+
box-shadow: 0 0 0 1px #10A3A3 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
473
488
|
}
|
474
489
|
.ui.floating.teal.message {
|
475
|
-
-webkit-box-shadow:
|
476
|
-
box-shadow:
|
490
|
+
-webkit-box-shadow: 0 0 0 1px #10A3A3 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
491
|
+
box-shadow: 0 0 0 1px #10A3A3 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
477
492
|
}
|
478
493
|
.ui.teal.message .header {
|
479
494
|
color: #0e8c8c;
|
@@ -484,12 +499,12 @@
|
|
484
499
|
}
|
485
500
|
.ui.blue.message,
|
486
501
|
.ui.attached.blue.message {
|
487
|
-
-webkit-box-shadow:
|
488
|
-
box-shadow:
|
502
|
+
-webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
503
|
+
box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
489
504
|
}
|
490
505
|
.ui.floating.blue.message {
|
491
|
-
-webkit-box-shadow:
|
492
|
-
box-shadow:
|
506
|
+
-webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
507
|
+
box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
493
508
|
}
|
494
509
|
.ui.blue.message .header {
|
495
510
|
color: #1e77ba;
|
@@ -500,12 +515,12 @@
|
|
500
515
|
}
|
501
516
|
.ui.violet.message,
|
502
517
|
.ui.attached.violet.message {
|
503
|
-
-webkit-box-shadow:
|
504
|
-
box-shadow:
|
518
|
+
-webkit-box-shadow: 0 0 0 1px #6435C9 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
519
|
+
box-shadow: 0 0 0 1px #6435C9 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
505
520
|
}
|
506
521
|
.ui.floating.violet.message {
|
507
|
-
-webkit-box-shadow:
|
508
|
-
box-shadow:
|
522
|
+
-webkit-box-shadow: 0 0 0 1px #6435C9 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
523
|
+
box-shadow: 0 0 0 1px #6435C9 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
509
524
|
}
|
510
525
|
.ui.violet.message .header {
|
511
526
|
color: #5a30b5;
|
@@ -516,12 +531,12 @@
|
|
516
531
|
}
|
517
532
|
.ui.purple.message,
|
518
533
|
.ui.attached.purple.message {
|
519
|
-
-webkit-box-shadow:
|
520
|
-
box-shadow:
|
534
|
+
-webkit-box-shadow: 0 0 0 1px #A333C8 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
535
|
+
box-shadow: 0 0 0 1px #A333C8 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
521
536
|
}
|
522
537
|
.ui.floating.purple.message {
|
523
|
-
-webkit-box-shadow:
|
524
|
-
box-shadow:
|
538
|
+
-webkit-box-shadow: 0 0 0 1px #A333C8 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
539
|
+
box-shadow: 0 0 0 1px #A333C8 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
525
540
|
}
|
526
541
|
.ui.purple.message .header {
|
527
542
|
color: #922eb4;
|
@@ -532,12 +547,12 @@
|
|
532
547
|
}
|
533
548
|
.ui.pink.message,
|
534
549
|
.ui.attached.pink.message {
|
535
|
-
-webkit-box-shadow:
|
536
|
-
box-shadow:
|
550
|
+
-webkit-box-shadow: 0 0 0 1px #E03997 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
551
|
+
box-shadow: 0 0 0 1px #E03997 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
537
552
|
}
|
538
553
|
.ui.floating.pink.message {
|
539
|
-
-webkit-box-shadow:
|
540
|
-
box-shadow:
|
554
|
+
-webkit-box-shadow: 0 0 0 1px #E03997 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
555
|
+
box-shadow: 0 0 0 1px #E03997 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
541
556
|
}
|
542
557
|
.ui.pink.message .header {
|
543
558
|
color: #dd238b;
|
@@ -548,21 +563,43 @@
|
|
548
563
|
}
|
549
564
|
.ui.brown.message,
|
550
565
|
.ui.attached.brown.message {
|
551
|
-
-webkit-box-shadow:
|
552
|
-
box-shadow:
|
566
|
+
-webkit-box-shadow: 0 0 0 1px #A5673F inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
567
|
+
box-shadow: 0 0 0 1px #A5673F inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
553
568
|
}
|
554
569
|
.ui.floating.brown.message {
|
555
|
-
-webkit-box-shadow:
|
556
|
-
box-shadow:
|
570
|
+
-webkit-box-shadow: 0 0 0 1px #A5673F inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
571
|
+
box-shadow: 0 0 0 1px #A5673F inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
557
572
|
}
|
558
573
|
.ui.brown.message .header {
|
559
574
|
color: #935b38;
|
560
575
|
}
|
561
|
-
.ui.
|
576
|
+
.ui.grey.message {
|
577
|
+
background-color: #F4F4F4;
|
578
|
+
color: #767676;
|
579
|
+
}
|
580
|
+
.ui.grey.message,
|
581
|
+
.ui.attached.grey.message {
|
582
|
+
-webkit-box-shadow: 0 0 0 1px #767676 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
583
|
+
box-shadow: 0 0 0 1px #767676 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
584
|
+
}
|
585
|
+
.ui.floating.grey.message {
|
586
|
+
-webkit-box-shadow: 0 0 0 1px #767676 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
587
|
+
box-shadow: 0 0 0 1px #767676 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
588
|
+
}
|
589
|
+
.ui.grey.message .header {
|
590
|
+
color: #696969;
|
591
|
+
}
|
562
592
|
.ui.black.message {
|
563
593
|
background-color: #1B1C1D;
|
564
594
|
color: rgba(255, 255, 255, 0.9);
|
565
595
|
}
|
596
|
+
.ui.black.message .header {
|
597
|
+
color: rgba(255, 255, 255, 0.9);
|
598
|
+
}
|
599
|
+
.ui.inverted.message {
|
600
|
+
background-color: #1B1C1D;
|
601
|
+
color: rgba(255, 255, 255, 0.9);
|
602
|
+
}
|
566
603
|
|
567
604
|
/*--------------
|
568
605
|
Sizes
|