semantic-ui-sass 0.19.3.1 → 1.7.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (107) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +21 -0
  3. data/README.md +5 -6
  4. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  5. data/app/assets/fonts/semantic-ui/icons.otf +0 -0
  6. data/app/assets/fonts/semantic-ui/icons.svg +472 -367
  7. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  8. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  9. data/app/assets/images/semantic-ui/flags.png +0 -0
  10. data/app/assets/javascripts/semantic-ui.js +9 -5
  11. data/app/assets/javascripts/semantic-ui/accordion.js +169 -102
  12. data/app/assets/javascripts/semantic-ui/api.js +840 -0
  13. data/app/assets/javascripts/semantic-ui/checkbox.js +203 -46
  14. data/app/assets/javascripts/semantic-ui/{behavior/colorize.js → colorize.js} +4 -2
  15. data/app/assets/javascripts/semantic-ui/dimmer.js +110 -76
  16. data/app/assets/javascripts/semantic-ui/dropdown.js +897 -285
  17. data/app/assets/javascripts/semantic-ui/{behavior/form.js → form.js} +127 -42
  18. data/app/assets/javascripts/semantic-ui/modal.js +294 -219
  19. data/app/assets/javascripts/semantic-ui/nag.js +120 -186
  20. data/app/assets/javascripts/semantic-ui/popup.js +491 -223
  21. data/app/assets/javascripts/semantic-ui/progress.js +779 -0
  22. data/app/assets/javascripts/semantic-ui/rating.js +66 -22
  23. data/app/assets/javascripts/semantic-ui/search.js +219 -99
  24. data/app/assets/javascripts/semantic-ui/shape.js +72 -29
  25. data/app/assets/javascripts/semantic-ui/sidebar.js +678 -142
  26. data/app/assets/javascripts/semantic-ui/site.js +487 -0
  27. data/app/assets/javascripts/semantic-ui/{behavior/state.js → state.js} +116 -151
  28. data/app/assets/javascripts/semantic-ui/sticky.js +771 -0
  29. data/app/assets/javascripts/semantic-ui/tab.js +680 -603
  30. data/app/assets/javascripts/semantic-ui/transition.js +269 -158
  31. data/app/assets/javascripts/semantic-ui/video.js +113 -32
  32. data/app/assets/javascripts/semantic-ui/visibility.js +970 -0
  33. data/app/assets/javascripts/semantic-ui/visit.js +513 -0
  34. data/app/assets/stylesheets/semantic-ui.scss +2 -0
  35. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +58 -14
  36. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +464 -372
  37. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +1385 -533
  38. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +482 -655
  39. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +238 -139
  40. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +631 -280
  41. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +3 -2
  42. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1614 -657
  43. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +143 -80
  44. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1018 -0
  45. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +302 -145
  46. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1653 -1365
  47. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +160 -59
  48. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +247 -118
  49. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +501 -470
  50. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +888 -0
  51. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +189 -98
  52. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +125 -0
  53. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +147 -212
  54. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +328 -190
  55. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +261 -185
  56. data/app/assets/stylesheets/semantic-ui/globals/_all.scss +2 -0
  57. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +430 -0
  58. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +128 -0
  59. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +190 -106
  60. data/app/assets/stylesheets/semantic-ui/modules/_all.scss +2 -1
  61. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +303 -201
  62. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +72 -63
  63. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +711 -331
  64. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +262 -140
  65. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +82 -71
  66. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +163 -119
  67. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +435 -0
  68. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +163 -68
  69. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +223 -150
  70. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +39 -40
  71. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +413 -147
  72. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +80 -0
  73. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +49 -20
  74. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +542 -568
  75. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +69 -37
  76. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +265 -0
  77. data/app/assets/stylesheets/semantic-ui/views/_all.scss +1 -1
  78. data/app/assets/stylesheets/semantic-ui/views/_card.scss +758 -0
  79. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +133 -92
  80. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +200 -87
  81. data/app/assets/stylesheets/semantic-ui/views/_item.scss +298 -523
  82. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +390 -12
  83. data/lib/semantic/ui/sass/version.rb +2 -2
  84. data/tasks/converter.rb +99 -216
  85. metadata +22 -27
  86. data/app/assets/fonts/semantic-ui/basic.icons.eot +0 -0
  87. data/app/assets/fonts/semantic-ui/basic.icons.svg +0 -450
  88. data/app/assets/fonts/semantic-ui/basic.icons.ttf +0 -0
  89. data/app/assets/fonts/semantic-ui/basic.icons.woff +0 -0
  90. data/app/assets/images/semantic-ui/loader-large-inverted.gif +0 -0
  91. data/app/assets/images/semantic-ui/loader-large.gif +0 -0
  92. data/app/assets/images/semantic-ui/loader-medium-inverted.gif +0 -0
  93. data/app/assets/images/semantic-ui/loader-medium.gif +0 -0
  94. data/app/assets/images/semantic-ui/loader-mini-inverted.gif +0 -0
  95. data/app/assets/images/semantic-ui/loader-mini.gif +0 -0
  96. data/app/assets/images/semantic-ui/loader-small-inverted.gif +0 -0
  97. data/app/assets/images/semantic-ui/loader-small.gif +0 -0
  98. data/app/assets/javascripts/semantic-ui/behavior/api.js +0 -634
  99. data/app/assets/javascripts/semantic-ui/chatroom.js +0 -772
  100. data/app/assets/stylesheets/semantic-ui/depends/_basic.icon.scss +0 -4
  101. data/app/assets/stylesheets/semantic-ui/depends/_icon.scss +0 -4
  102. data/app/assets/stylesheets/semantic-ui/depends/_loader.scss +0 -8
  103. data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +0 -1124
  104. data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +0 -280
  105. data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +0 -299
  106. data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +0 -322
  107. data/app/assets/stylesheets/semantic-ui/views/_list.scss +0 -700
@@ -1,7 +1,7 @@
1
- /*
2
- * # Semantic - Message
3
- * http://github.com/jlukic/semantic-ui/
4
- *
1
+ /*
2
+ * # Semantic UI
3
+ * https://github.com/Semantic-Org/Semantic-UI
4
+ * http://www.semantic-ui.com/
5
5
  *
6
6
  * Copyright 2014 Contributors
7
7
  * Released under the MIT license
@@ -9,38 +9,28 @@
9
9
  *
10
10
  */
11
11
 
12
+
13
+
12
14
  /*******************************
13
15
  Message
14
16
  *******************************/
15
17
 
16
18
  .ui.message {
17
19
  position: relative;
18
- min-height: 18px;
20
+ min-height: 1em;
19
21
  margin: 1em 0em;
20
- height: auto;
21
- background-color: #EFEFEF;
22
- padding: 1em;
23
- line-height: 1.33;
24
- color: rgba(0, 0, 0, 0.6);
25
- -webkit-transition: opacity 0.1s ease,
26
- color 0.1s ease,
27
- background 0.1s ease,
28
- -webkit-box-shadow 0.1s ease;
29
- transition: opacity 0.1s ease,
30
- color 0.1s ease,
31
- background 0.1s ease,
32
- box-shadow 0.1s ease;
33
- -webkit-box-sizing: border-box;
34
- -moz-box-sizing: border-box;
35
- -ms-box-sizing: border-box;
36
- box-sizing: border-box;
37
- border-radius: 0.325em 0.325em 0.325em 0.325em;
22
+ background: #efefef;
23
+ padding: 1em 1.5em;
24
+ line-height: 1.3;
25
+ color: rgba(0, 0, 0, 0.8);
26
+ -webkit-transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
27
+ transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
28
+ border-radius: 0.2857rem;
29
+ box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset, 0px 0px 0px 0px transparent;
38
30
  }
39
-
40
31
  .ui.message:first-child {
41
32
  margin-top: 0em;
42
33
  }
43
-
44
34
  .ui.message:last-child {
45
35
  margin-bottom: 0em;
46
36
  }
@@ -49,113 +39,126 @@
49
39
  Content
50
40
  ---------------*/
51
41
 
52
- /* block with headers */
53
42
 
43
+ /* Header */
54
44
  .ui.message .header {
55
- margin: 0em;
56
- font-size: 1.33em;
45
+ display: block;
46
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
57
47
  font-weight: bold;
48
+ margin: 0em 0em 0.5rem 0em;
58
49
  }
59
50
 
60
- /* block with paragraphs */
51
+ /* Default font size */
52
+ .ui.message .header:not(.ui) {
53
+ font-size: 1.1em;
54
+ }
61
55
 
56
+ /* Paragraph */
62
57
  .ui.message p {
63
58
  opacity: 0.85;
64
- margin: 1em 0em;
59
+ margin: 0.75em 0em;
65
60
  }
66
-
67
61
  .ui.message p:first-child {
68
62
  margin-top: 0em;
69
63
  }
70
-
71
64
  .ui.message p:last-child {
72
65
  margin-bottom: 0em;
73
66
  }
74
-
75
67
  .ui.message .header + p {
76
- margin-top: 0.3em;
77
- }
78
-
79
- .ui.message > :first-child {
80
- margin-top: 0em;
81
- }
82
-
83
- .ui.message > :last-child {
84
- margin-bottom: 0em;
68
+ margin-top: 0.25em;
85
69
  }
86
70
 
87
- /* block with child list */
88
-
71
+ /* List */
89
72
  .ui.message ul.list {
90
73
  opacity: 0.85;
91
74
  list-style-position: inside;
92
- margin: 0.2em 0em;
75
+ margin: 0.5em 0em 0em;
93
76
  padding: 0em;
94
77
  }
95
-
78
+ .ui.message ul.list:first-child {
79
+ margin-top: 0em;
80
+ }
81
+ .ui.message ul.list:last-child {
82
+ margin-bottom: 0em;
83
+ }
96
84
  .ui.message ul.list li {
97
85
  position: relative;
98
86
  list-style-type: none;
99
87
  margin: 0em 0em 0.3em 1em;
100
88
  padding: 0em;
101
89
  }
102
-
103
90
  .ui.message ul.list li:before {
104
91
  position: absolute;
105
- content: '\2022';
106
- top: -0.05em;
107
- left: -0.8em;
92
+ content: '';
93
+ left: -1em;
108
94
  height: 100%;
109
95
  vertical-align: baseline;
110
- opacity: 0.5;
111
96
  }
112
-
113
- .ui.message ul.list li:first-child {
114
- margin-top: 0em;
97
+ .ui.message ul.list li:last-child {
98
+ margin-bottom: 0em;
115
99
  }
116
100
 
117
- /* dismissable block */
101
+ /* Icon */
102
+ .ui.message > .icon {
103
+ margin-right: 0.6em;
104
+ }
118
105
 
106
+ /* Close Icon */
119
107
  .ui.message > .close.icon {
120
108
  cursor: pointer;
121
109
  position: absolute;
122
- right: 0em;
123
- top: 0em;
124
- width: 2.5em;
125
- height: 2.5em;
110
+ margin: 0em;
111
+ top: 1.15em;
112
+ right: 0.5em;
126
113
  opacity: 0.7;
127
- padding: 0.75em 0em 0em 0.75em;
128
- z-index: 2;
129
- -webkit-transition: opacity 0.1s linear;
130
- transition: opacity 0.1s linear;
131
- z-index: 10;
114
+ -webkit-transition: opacity 0.1s linear
115
+ ;
116
+ transition: opacity 0.1s linear
117
+ ;
132
118
  }
133
-
134
119
  .ui.message > .close.icon:hover {
135
120
  opacity: 1;
136
121
  }
137
122
 
123
+ /* First / Last Element */
124
+ .ui.message > :first-child {
125
+ margin-top: 0em;
126
+ }
127
+ .ui.message > :last-child {
128
+ margin-bottom: 0em;
129
+ }
130
+
131
+
138
132
  /*******************************
139
133
  States
140
134
  *******************************/
141
135
 
136
+
137
+ /*--------------
138
+ Visible
139
+ ---------------*/
140
+
142
141
  .ui.message.visible {
143
- display: block !important;
142
+ display: block;
144
143
  }
145
-
146
- .ui.icon.message.animating,
147
144
  .ui.icon.message.visible {
148
- display: table !important;
145
+ display: table;
149
146
  }
150
147
 
148
+ /*--------------
149
+ Hidden
150
+ ---------------*/
151
+
151
152
  .ui.message.hidden {
152
- display: none !important;
153
+ display: none;
153
154
  }
154
155
 
156
+
155
157
  /*******************************
156
158
  Variations
157
159
  *******************************/
158
160
 
161
+
159
162
  /*--------------
160
163
  Compact
161
164
  ---------------*/
@@ -169,28 +172,24 @@
169
172
  ---------------*/
170
173
 
171
174
  .ui.attached.message {
172
- margin-left: -1px;
173
- margin-right: -1px;
174
175
  margin-bottom: -1px;
175
- border-radius: 0.325em 0.325em 0em 0em;
176
- -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
176
+ border-radius: 0.2857rem 0.2857rem 0em 0em;
177
177
  box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
178
+ margin-left: -1px;
179
+ margin-right: -1px;
178
180
  }
179
-
180
181
  .ui.attached + .ui.attached.message:not(.top):not(.bottom) {
181
182
  margin-top: -1px;
182
183
  border-radius: 0em;
183
184
  }
184
-
185
185
  .ui.bottom.attached.message {
186
186
  margin-top: -1px;
187
- border-radius: 0em 0em 0.325em 0.325em;
187
+ border-radius: 0em 0em 0.2857rem 0.2857rem;
188
+ box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
188
189
  }
189
-
190
190
  .ui.bottom.attached.message:not(:last-child) {
191
191
  margin-bottom: 1em;
192
192
  }
193
-
194
193
  .ui.attached.icon.message {
195
194
  display: block;
196
195
  width: auto;
@@ -204,30 +203,27 @@
204
203
  display: table;
205
204
  width: 100%;
206
205
  }
207
-
208
206
  .ui.icon.message > .icon:not(.close) {
209
207
  display: table-cell;
208
+ width: auto;
210
209
  vertical-align: middle;
211
- font-size: 3.8em;
212
- opacity: 0.5;
213
- }
214
-
215
- .ui.icon.message > .icon + .content {
216
- padding-left: 1em;
210
+ font-size: 3em;
211
+ opacity: 0.8;
217
212
  }
218
-
219
213
  .ui.icon.message > .content {
220
214
  display: table-cell;
215
+ width: 100%;
221
216
  vertical-align: middle;
222
217
  }
223
-
224
- /*--------------
225
- Inverted
226
- ---------------*/
227
-
228
- .ui.inverted.message {
229
- background-color: rgba(255, 255, 255, 0.05);
230
- color: rgba(255, 255, 255, 0.95);
218
+ .ui.icon.message .icon:not(.close) + .content {
219
+ padding-left: 1.5rem;
220
+ }
221
+ .ui.icon.message .circular.icon {
222
+ width: 1em;
223
+ }
224
+ .ui.icon.message .circular.icon + .content {
225
+ width: auto;
226
+ padding-left: 2em;
231
227
  }
232
228
 
233
229
  /*--------------
@@ -235,10 +231,7 @@
235
231
  ---------------*/
236
232
 
237
233
  .ui.floating.message {
238
- -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
239
- 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
240
- box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
241
- 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
234
+ box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset;
242
235
  }
243
236
 
244
237
  /*--------------
@@ -246,56 +239,154 @@
246
239
  ---------------*/
247
240
 
248
241
  .ui.black.message {
249
- background-color: #333333;
250
- color: rgba(255, 255, 255, 0.95);
242
+ background-color: #1b1c1d;
243
+ color: #ffffff;
251
244
  }
252
245
 
253
246
  /*--------------
254
247
  Types
255
248
  ---------------*/
256
249
 
257
- .ui.blue.message,
258
- .ui.info.message {
259
- background-color: #E6F4F9;
260
- color: #4D8796;
261
- }
262
250
 
263
- /* Green Text Block */
251
+ /* Positive */
252
+ .ui.positive.message {
253
+ background-color: #eeffe7;
254
+ color: #3c763d;
255
+ }
256
+ .ui.positive.message,
257
+ .ui.attached.positive.message {
258
+ box-shadow: 0px 0px 0px 1px #b7caa7 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
259
+ }
260
+ .ui.positive.message .header {
261
+ color: #356e36;
262
+ }
264
263
 
265
- .ui.green.message {
266
- background-color: #DEFCD5;
267
- color: #52A954;
264
+ /* Negative */
265
+ .ui.negative.message {
266
+ background-color: #fff0f0;
267
+ color: #a94442;
268
+ }
269
+ .ui.negative.message,
270
+ .ui.attached.negative.message {
271
+ box-shadow: 0px 0px 0px 1px #dbb1b1 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
272
+ }
273
+ .ui.negative.message .header {
274
+ color: #912d2b;
268
275
  }
269
276
 
270
- /* Yellow Text Block */
277
+ /* Info */
278
+ .ui.info.message {
279
+ background-color: #e9faff;
280
+ color: #337b92;
281
+ }
282
+ .ui.info.message,
283
+ .ui.attached.info.message {
284
+ box-shadow: 0px 0px 0px 1px #aad6df inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
285
+ }
286
+ .ui.info.message .header {
287
+ color: #297187;
288
+ }
271
289
 
272
- .ui.yellow.message,
290
+ /* Warning */
273
291
  .ui.warning.message {
274
- background-color: #F6F3D5;
275
- color: #96904D;
292
+ background-color: #fffbe6;
293
+ color: #876a38;
276
294
  }
277
-
278
- /* Red Text Block */
279
-
280
- .ui.red.message {
281
- background-color: #F1D7D7;
282
- color: #A95252;
295
+ .ui.warning.message,
296
+ .ui.attached.warning.message {
297
+ box-shadow: 0px 0px 0px 1px #d9caab inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
298
+ }
299
+ .ui.warning.message .header {
300
+ color: #825c01;
283
301
  }
284
302
 
285
- /* Success Text Block */
303
+ /* Error */
304
+ .ui.error.message {
305
+ background-color: #fff0f0;
306
+ color: #a94442;
307
+ }
308
+ .ui.error.message,
309
+ .ui.attached.error.message {
310
+ box-shadow: 0px 0px 0px 1px #dbb1b1 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
311
+ }
312
+ .ui.error.message .header {
313
+ color: #912d2b;
314
+ }
286
315
 
316
+ /* Success */
317
+ .ui.success.message {
318
+ background-color: #eeffe7;
319
+ color: #3c763d;
320
+ }
287
321
  .ui.success.message,
288
- .ui.positive.message {
289
- background-color: #DEFCD5;
290
- color: #52A954;
322
+ .ui.attached.success.message {
323
+ box-shadow: 0px 0px 0px 1px #b7caa7 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
324
+ }
325
+ .ui.success.message .header {
326
+ color: #356e36;
291
327
  }
292
328
 
293
- /* Error Text Block */
294
-
295
- .ui.error.message,
296
- .ui.negative.message {
297
- background-color: #F1D7D7;
298
- color: #A95252;
329
+ /* Colors */
330
+ .ui.inverted.message,
331
+ .ui.black.message {
332
+ background-color: #1b1c1d;
333
+ color: #ffffff;
334
+ }
335
+ .ui.blue.message {
336
+ background-color: #dff0ff;
337
+ color: #3b83c0;
338
+ }
339
+ .ui.blue.message .header {
340
+ color: #3576ac;
341
+ }
342
+ .ui.green.message {
343
+ background-color: #ebffed;
344
+ color: #1ebc30;
345
+ }
346
+ .ui.green.message .header {
347
+ color: #1aa62a;
348
+ }
349
+ .ui.orange.message {
350
+ background-color: #ffedde;
351
+ color: #e07b53;
352
+ }
353
+ .ui.orange.message .header {
354
+ color: #dc6a3d;
355
+ }
356
+ .ui.pink.message {
357
+ background-color: #ffe3fb;
358
+ color: #d9499a;
359
+ }
360
+ .ui.pink.message .header {
361
+ color: #d5348e;
362
+ }
363
+ .ui.purple.message {
364
+ background-color: #eae7ff;
365
+ color: #564f8a;
366
+ }
367
+ .ui.purple.message .header {
368
+ color: #4c467a;
369
+ }
370
+ .ui.red.message {
371
+ background-color: #ffe8e6;
372
+ color: #d95c5c;
373
+ }
374
+ .ui.red.message .header {
375
+ color: #d44747;
376
+ }
377
+ .ui.teal.message {
378
+ background-color: #e9ffff;
379
+ color: #10a3a3;
380
+ }
381
+ .ui.teal.message .header {
382
+ color: #0e8c8c;
383
+ }
384
+ .ui.yellow.message {
385
+ background-color: #fff8db;
386
+ color: #b58105;
387
+ }
388
+ .ui.yellow.message .header {
389
+ color: #9c6f04;
299
390
  }
300
391
 
301
392
  /*--------------
@@ -303,21 +394,29 @@
303
394
  ---------------*/
304
395
 
305
396
  .ui.small.message {
306
- font-size: 0.875em;
397
+ font-size: 0.92857143em;
307
398
  }
308
-
309
399
  .ui.message {
310
400
  font-size: 1em;
311
401
  }
312
-
313
402
  .ui.large.message {
314
- font-size: 1.125em;
403
+ font-size: 1.14285714em;
315
404
  }
316
-
317
405
  .ui.huge.message {
318
- font-size: 1.5em;
406
+ font-size: 1.42857143em;
319
407
  }
320
-
321
408
  .ui.massive.message {
322
- font-size: 2em;
323
- }
409
+ font-size: 1.71428571em;
410
+ }
411
+
412
+
413
+ /*******************************
414
+ Theme Overrides
415
+ *******************************/
416
+
417
+
418
+
419
+ /*******************************
420
+ User Variable Overrides
421
+ *******************************/
422
+