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 - Label
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,101 +9,124 @@
9
9
  *
10
10
  */
11
11
 
12
+
13
+
12
14
  /*******************************
13
15
  Label
14
16
  *******************************/
15
17
 
16
18
  .ui.label {
17
19
  display: inline-block;
18
- vertical-align: middle;
19
- margin: -0.25em 0.25em 0em;
20
- background-color: #E8E8E8;
21
- border-color: #E8E8E8;
22
- padding: 0.5em 0.8em;
23
- color: rgba(0, 0, 0, 0.65);
24
- text-transform: uppercase;
25
- font-weight: normal;
26
- border-radius: 0.325em;
27
- -webkit-box-sizing: border-box;
28
- -moz-box-sizing: border-box;
29
- -ms-box-sizing: border-box;
20
+ vertical-align: baseline;
21
+ line-height: 1;
22
+ margin: 0em 0.125em;
23
+ background-color: #e8e8e8;
24
+ border-color: #e8e8e8;
25
+ background-image: none;
26
+ padding: 0.6em 0.8em;
27
+ color: rgba(0, 0, 0, 0.6);
28
+ text-transform: none;
29
+ font-weight: bold;
30
+ border-radius: 0.2857rem;
30
31
  box-sizing: border-box;
31
- -webkit-transition: background 0.1s linear;
32
- transition: background 0.1s linear;
32
+ -webkit-transition: background 0.2s ease;
33
+ transition: background 0.2s ease;
33
34
  }
34
-
35
35
  .ui.label:first-child {
36
36
  margin-left: 0em;
37
37
  }
38
-
39
38
  .ui.label:last-child {
40
39
  margin-right: 0em;
41
40
  }
42
41
 
43
42
  /* Link */
44
-
45
43
  a.ui.label {
46
44
  cursor: pointer;
47
45
  }
48
46
 
49
47
  /* Inside Link */
50
-
51
48
  .ui.label a {
52
49
  cursor: pointer;
53
50
  color: inherit;
54
51
  opacity: 0.8;
55
52
  -webkit-transition: 0.2s opacity ease;
56
- transition: 0.2s opacity ease;
53
+ transition: 0.2s opacity ease;
57
54
  }
58
-
59
55
  .ui.label a:hover {
60
56
  opacity: 1;
61
57
  }
62
58
 
63
- /* Detail */
59
+ /* Icon */
60
+ .ui.label .icon {
61
+ width: auto;
62
+ margin: 0em 0.75em 0em 0em;
63
+ }
64
64
 
65
+ /* Detail */
65
66
  .ui.label .detail {
66
67
  display: inline-block;
67
- margin-left: 0.5em;
68
+ vertical-align: top;
68
69
  font-weight: bold;
70
+ margin-left: 1em;
69
71
  opacity: 0.8;
70
72
  }
71
-
72
- /* Icon */
73
-
74
- .ui.label .icon {
75
- width: auto;
73
+ .ui.label .detail .icon {
74
+ margin: 0em 0.25em 0em 0em;
76
75
  }
77
76
 
78
77
  /* Removable label */
79
-
78
+ .ui.label .close.icon,
80
79
  .ui.label .delete.icon {
81
80
  cursor: pointer;
82
- margin: 0em 0em 0em 0.5em;
83
- opacity: 0.7;
84
- -webkit-transition: background 0.1s linear;
85
- transition: background 0.1s linear;
81
+ margin-right: 0em;
82
+ margin-left: 0.5em;
83
+ opacity: 0.8;
84
+ -webkit-transition: background 0.2s ease;
85
+ transition: background 0.2s ease;
86
86
  }
87
-
88
87
  .ui.label .delete.icon:hover {
89
- opacity: 0.99;
88
+ opacity: 1;
89
+ }
90
+
91
+ /*-------------------
92
+ Group
93
+ --------------------*/
94
+
95
+ .ui.labels .label {
96
+ margin: 0em 0.5em 0.75em 0em;
90
97
  }
91
98
 
92
99
  /*-------------------
93
100
  Coupling
94
101
  --------------------*/
95
102
 
96
- /* Padding on next content after a label */
97
103
 
98
- .ui.segment > .attached.label:first-child + * {
99
- margin-top: 2.5em;
104
+ /* Remove border radius on attached segment */
105
+ .ui.attached.segment > .ui.top.left.attached.label,
106
+ .ui.bottom.attached.segment > .ui.top.left.attached.label {
107
+ border-radius-top-left: 0;
108
+ }
109
+ .ui.attached.segment > .ui.top.right.attached.label,
110
+ .ui.bottom.attached.segment > .ui.top.right.attached.label {
111
+ border-radius-top-right: 0;
112
+ }
113
+ .ui.top.attached.segment > .ui.bottom.left.attached.label {
114
+ border-radius-bottom-left: 0;
115
+ }
116
+ .ui.top.attached.segment > .ui.bottom.right.attached.label {
117
+ border-radius-bottom-right: 0;
100
118
  }
101
119
 
102
- .ui.segment > .bottom.attached.label:first-child ~ :last-child {
120
+ /* Padding on next content after a label */
121
+ .ui.top.attached.label:first-child + :not(.attached) {
122
+ margin-top: 2rem !important;
123
+ }
124
+ .ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
103
125
  margin-top: 0em;
104
- margin-bottom: 2.5em;
126
+ margin-bottom: 2rem !important;
105
127
  }
106
128
 
129
+
107
130
  /*******************************
108
131
  Types
109
132
  *******************************/
@@ -112,74 +135,28 @@ a.ui.label {
112
135
  width: auto !important;
113
136
  margin-top: 0em;
114
137
  margin-bottom: 0em;
115
- padding-top: 0.4em;
116
- padding-bottom: 0.4em;
117
- line-height: 1.5em;
138
+ max-width: 9999px;
118
139
  vertical-align: baseline;
119
140
  text-transform: none;
120
- -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
121
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
141
+ background: #e8e8e8;
142
+ padding: 0.6em 0.8em 0.6em 0.5em;
143
+ border-radius: 0.2857rem;
144
+ box-shadow: none;
122
145
  }
123
-
124
146
  .ui.image.label img {
125
147
  display: inline-block;
126
- height: 2.25em;
127
- margin: -0.4em 0.8em -0.4em -0.8em;
128
148
  vertical-align: top;
129
- border-radius: 0.325em 0em 0em 0.325em;
130
- }
131
-
132
- /*******************************
133
- States
134
- *******************************/
135
-
136
- /*-------------------
137
- Disabled
138
- --------------------*/
139
-
140
- .ui.label.disabled {
141
- opacity: 0.5;
142
- }
143
-
144
- /*-------------------
145
- Hover
146
- --------------------*/
147
-
148
- a.ui.labels .label:hover,
149
- a.ui.label:hover {
150
- background-color: #E0E0E0;
151
- border-color: #E0E0E0;
152
- color: rgba(0, 0, 0, 0.7);
153
- }
154
-
155
- .ui.labels a.label:hover:before,
156
- a.ui.label:hover:before {
157
- background-color: #E0E0E0;
158
- color: rgba(0, 0, 0, 0.7);
159
- }
160
-
161
- /*-------------------
162
- Visible
163
- --------------------*/
164
-
165
- .ui.labels.visible .label,
166
- .ui.label.visible {
167
- display: inline-block !important;
149
+ height: 2.2em;
150
+ margin: -0.6em 0.5em -0.6em -0.5em;
151
+ border-radius: 0.2857rem;
168
152
  }
169
-
170
- /*-------------------
171
- Hidden
172
- --------------------*/
173
-
174
- .ui.labels.hidden .label,
175
- .ui.label.hidden {
176
- display: none !important;
153
+ .ui.image.label .detail {
154
+ background: rgba(0, 0, 0, 0.1);
155
+ margin: -0.6em -0.8em -0.6em 0.5em;
156
+ padding: 0.6em 0.8em;
157
+ border-radius: 0em 0.2857rem 0.2857rem 0em;
177
158
  }
178
159
 
179
- /*******************************
180
- Variations
181
- *******************************/
182
-
183
160
  /*-------------------
184
161
  Tag
185
162
  --------------------*/
@@ -188,40 +165,122 @@ a.ui.label:hover:before {
188
165
  .ui.tag.label {
189
166
  margin-left: 1em;
190
167
  position: relative;
191
- padding: 0.33em 1.3em 0.33em 1.4em;
192
- border-radius: 0px 3px 3px 0px;
168
+ padding-left: 1.5em;
169
+ padding-right: 1.5em;
170
+ border-radius: 0em 0.2857rem 0.2857rem 0em;
193
171
  }
194
-
195
172
  .ui.tag.labels .label:before,
196
173
  .ui.tag.label:before {
197
174
  position: absolute;
198
- top: 0.3em;
199
- left: 0.3em;
175
+ -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
176
+ -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);
177
+ transform: translateY(-50%) translateX(50%) rotate(-45deg);
178
+ top: 50%;
179
+ right: 100%;
200
180
  content: '';
201
- margin-left: -1em;
181
+ background-color: #e8e8e8;
202
182
  background-image: none;
203
- width: 1.5em;
204
- height: 1.5em;
205
- -webkit-transform: rotate(45deg);
206
- -ms-transform: rotate(45deg);
207
- transform: rotate(45deg);
208
- -webkit-transition: background 0.1s linear;
209
- transition: background 0.1s linear;
183
+ width: 1.56em;
184
+ height: 1.56em;
185
+ -webkit-transition: background 0.2s ease;
186
+ transition: background 0.2s ease;
210
187
  }
211
-
212
188
  .ui.tag.labels .label:after,
213
189
  .ui.tag.label:after {
214
190
  position: absolute;
215
191
  content: '';
216
192
  top: 50%;
217
193
  left: -0.25em;
218
- margin-top: -0.3em;
219
- background-color: #FFFFFF;
220
- width: 0.55em;
221
- height: 0.55em;
222
- -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
194
+ margin-top: -0.25em;
195
+ background-color: #ffffff !important;
196
+ width: 0.5em;
197
+ height: 0.5em;
223
198
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
224
- border-radius: 100px 100px 100px 100px;
199
+ border-radius: 500rem;
200
+ }
201
+
202
+ /*-------------------
203
+ Corner Label
204
+ --------------------*/
205
+
206
+ .ui.corner.label {
207
+ position: absolute;
208
+ top: 0em;
209
+ right: 0em;
210
+ margin: 0em;
211
+ padding: 0em;
212
+ text-align: center;
213
+ width: 3.25em;
214
+ height: 3.25em;
215
+ z-index: 10;
216
+ -webkit-transition: border-color 0.2s ease;
217
+ transition: border-color 0.2s ease;
218
+ }
219
+
220
+ /* Icon Label */
221
+ .ui.corner.label {
222
+ background-color: transparent !important;
223
+ }
224
+ .ui.corner.label:after {
225
+ position: absolute;
226
+ content: "";
227
+ right: 0em;
228
+ top: 0em;
229
+ z-index: -1;
230
+ width: 0em;
231
+ height: 0em;
232
+ background-color: transparent !important;
233
+ border-top: 0em solid transparent;
234
+ border-right: 3.25em solid transparent;
235
+ border-bottom: 3.25em solid transparent;
236
+ border-left: 0em solid transparent;
237
+ border-right-color: inherit;
238
+ -webkit-transition: border-color 0.2s ease;
239
+ transition: border-color 0.2s ease;
240
+ }
241
+ .ui.corner.label .icon {
242
+ position: relative;
243
+ top: 0.4em;
244
+ left: 0.75em;
245
+ font-size: 1em;
246
+ margin: 0em;
247
+ }
248
+
249
+ /* Left Corner */
250
+ .ui.left.corner.label,
251
+ .ui.left.corner.label:after {
252
+ right: auto;
253
+ left: 0em;
254
+ }
255
+ .ui.left.corner.label:after {
256
+ border-top: 3.25em solid transparent;
257
+ border-right: 3.25em solid transparent;
258
+ border-bottom: 0em solid transparent;
259
+ border-left: 0em solid transparent;
260
+ border-top-color: inherit;
261
+ }
262
+ .ui.left.corner.label .icon {
263
+ left: -0.75em;
264
+ }
265
+
266
+ /* Segment */
267
+ .ui.segment > .ui.corner.label {
268
+ top: -1px;
269
+ right: -1px;
270
+ }
271
+ .ui.segment > .ui.left.corner.label {
272
+ right: auto;
273
+ left: -1px;
274
+ }
275
+
276
+ /* Input */
277
+ .ui.input > .ui.corner.label {
278
+ top: 1px;
279
+ right: 1px;
280
+ }
281
+ .ui.input > .ui.right.corner.label {
282
+ right: auto;
283
+ left: 1px;
225
284
  }
226
285
 
227
286
  /*-------------------
@@ -230,27 +289,44 @@ a.ui.label:hover:before {
230
289
 
231
290
  .ui.ribbon.label {
232
291
  position: relative;
233
- margin: 0em 0.2em;
292
+ margin: 0em;
234
293
  left: -2rem;
235
294
  padding-left: 2rem;
236
- border-radius: 0px 4px 4px 0px;
295
+ border-radius: 0em 0.2857rem 0.2857rem 0em;
237
296
  border-color: rgba(0, 0, 0, 0.15);
238
297
  }
239
-
240
298
  .ui.ribbon.label:after {
241
299
  position: absolute;
242
300
  content: "";
243
301
  top: 100%;
244
302
  left: 0%;
245
- border-top: 0em solid transparent;
246
- border-right-width: 1em;
303
+ background-color: transparent !important;
304
+ border-style: solid;
305
+ border-width: 0em 1.2em 1.2em 0em;
306
+ border-color: transparent;
247
307
  border-right-color: inherit;
248
- border-right-style: solid;
249
- border-bottom: 1em solid transparent;
250
- border-left: 0em solid transparent;
251
308
  width: 0em;
252
309
  height: 0em;
253
310
  }
311
+ .ui[class*="right ribbon"].label {
312
+ text-align: left;
313
+ -webkit-transform: translateX(-100%);
314
+ -ms-transform: translateX(-100%);
315
+ transform: translateX(-100%);
316
+ left: -webkit-calc(100% + 2rem );
317
+ left: calc(100% + 2rem );
318
+ border-radius: 0.2857rem 0em 0em 0.2857rem;
319
+ padding-left: 0.8em;
320
+ padding-right: 2rem;
321
+ }
322
+ .ui[class*="right ribbon"].label:after {
323
+ left: auto;
324
+ right: 0%;
325
+ border-style: solid;
326
+ border-width: 1.2em 1.2em 0em 0em;
327
+ border-color: transparent;
328
+ border-top-color: inherit;
329
+ }
254
330
 
255
331
  /*-------------------
256
332
  Attached
@@ -264,485 +340,409 @@ a.ui.label:hover:before {
264
340
  top: 0em;
265
341
  left: 0em;
266
342
  padding: 0.75em 1em;
267
- border-radius: 4px 4px 0em 0em;
343
+ border-radius: 0.2857rem 0.2857rem 0em 0em;
268
344
  }
269
-
270
345
  .ui.bottom.attached.label {
271
346
  top: auto;
272
347
  bottom: 0em;
273
- border-radius: 0em 0em 4px 4px;
348
+ border-radius: 0em 0em 0.2857rem 0.2857rem;
274
349
  }
275
-
276
350
  .ui.top.left.attached.label {
277
351
  width: auto;
278
352
  margin-top: 0em !important;
279
- border-radius: 4px 0em 4px 0em;
353
+ border-radius: 0.2857rem 0em 0.2857rem 0em;
280
354
  }
281
-
282
355
  .ui.top.right.attached.label {
283
356
  width: auto;
284
357
  left: auto;
285
358
  right: 0em;
286
- border-radius: 0em 4px 0em 4px;
359
+ border-radius: 0em 0.2857rem 0em 0.2857rem;
287
360
  }
288
-
289
361
  .ui.bottom.left.attached.label {
290
362
  width: auto;
291
363
  top: auto;
292
364
  bottom: 0em;
293
- border-radius: 4px 0em 0em 4px;
365
+ border-radius: 0em 0.2857rem 0em 0.2857rem;
294
366
  }
295
-
296
367
  .ui.bottom.right.attached.label {
297
368
  top: auto;
298
369
  bottom: 0em;
299
370
  left: auto;
300
371
  right: 0em;
301
372
  width: auto;
302
- border-radius: 0px 4px 0px 4px;
303
- }
304
-
305
- /*-------------------
306
- Corner Label
307
- --------------------*/
308
-
309
- .ui.corner.label {
310
- background-color: transparent;
311
- position: absolute;
312
- top: 0em;
313
- right: 0em;
314
- z-index: 10;
315
- margin: 0em;
316
- width: 3em;
317
- height: 3em;
318
- padding: 0em;
319
- text-align: center;
320
- -webkit-transition: color 0.2s ease;
321
- transition: color 0.2s ease;
373
+ border-radius: 0.2857rem 0em 0.2857rem 0em;
322
374
  }
323
375
 
324
- .ui.corner.label:after {
325
- position: absolute;
326
- content: "";
327
- right: 0em;
328
- top: 0em;
329
- z-index: -1;
330
- width: 0em;
331
- height: 0em;
332
- border-top: 0em solid transparent;
333
- border-right: 3em solid transparent;
334
- border-bottom: 3em solid transparent;
335
- border-left: 0em solid transparent;
336
- border-right-color: inherit;
337
- -webkit-transition: border-color 0.2s ease;
338
- transition: border-color 0.2s ease;
339
- }
340
-
341
- .ui.corner.label .icon {
342
- font-size: 0.875em;
343
- margin: 0.5em 0em 0em 1.25em;
344
- }
345
-
346
- .ui.corner.label .text {
347
- display: inline-block;
348
- font-weight: bold;
349
- margin: 0.5em 0em 0em 1em;
350
- width: 2.5em;
351
- font-size: 0.875em;
352
- text-align: center;
353
- -webkit-transform: rotate(45deg);
354
- -ms-transform: rotate(45deg);
355
- transform: rotate(45deg);
356
- }
357
-
358
- /* Coupling */
359
-
360
- .ui.rounded.image > .ui.corner.label,
361
- .ui.input > .ui.corner.label,
362
- .ui.segment > .ui.corner.label {
363
- overflow: hidden;
364
- }
365
-
366
- .ui.segment > .ui.corner.label {
367
- top: -1px;
368
- right: -1px;
369
- }
370
376
 
371
- .ui.segment > .ui.left.corner.label {
372
- right: auto;
373
- left: -1px;
374
- }
375
-
376
- .ui.input > .ui.corner.label {
377
- top: 1px;
378
- right: 1px;
379
- }
380
-
381
- .ui.input > .ui.right.corner.label {
382
- right: auto;
383
- left: 1px;
384
- }
377
+ /*******************************
378
+ States
379
+ *******************************/
385
380
 
386
- /* Left Corner */
387
381
 
388
- .ui.left.corner.label,
389
- .ui.left.corner.label:after {
390
- right: auto;
391
- left: 0em;
392
- }
382
+ /*-------------------
383
+ Disabled
384
+ --------------------*/
393
385
 
394
- .ui.left.corner.label:after {
395
- border-top: 3em solid transparent;
396
- border-right: 3em solid transparent;
397
- border-bottom: 0em solid transparent;
398
- border-left: 0em solid transparent;
399
- border-top-color: inherit;
386
+ .ui.label.disabled {
387
+ opacity: 0.5;
400
388
  }
401
389
 
402
- .ui.left.corner.label .icon {
403
- margin: 0.5em 0em 0em -1em;
404
- }
390
+ /*-------------------
391
+ Hover
392
+ --------------------*/
405
393
 
406
- .ui.left.corner.label .text {
407
- margin: 0.5em 0em 0em -1em;
408
- -webkit-transform: rotate(-45deg);
409
- -ms-transform: rotate(-45deg);
410
- transform: rotate(-45deg);
394
+ a.ui.labels .label:hover,
395
+ a.ui.label:hover {
396
+ background-color: #e0e0e0;
397
+ border-color: #e0e0e0;
398
+ background-image: none;
399
+ color: rgba(0, 0, 0, 0.8);
411
400
  }
412
-
413
- /* Hover */
414
-
415
- .ui.corner.label:hover {
416
- background-color: transparent;
401
+ .ui.labels a.label:hover:before,
402
+ a.ui.label:hover:before {
403
+ background-color: #e0e0e0;
404
+ background-image: none;
405
+ color: rgba(0, 0, 0, 0.8);
417
406
  }
418
407
 
419
408
  /*-------------------
420
- Fluid
409
+ Visible
421
410
  --------------------*/
422
411
 
423
- .ui.label.fluid,
424
- .ui.fluid.labels > .label {
425
- width: 100%;
426
- -webkit-box-sizing: border-box;
427
- -moz-box-sizing: border-box;
428
- -ms-box-sizing: border-box;
429
- box-sizing: border-box;
412
+ .ui.labels.visible .label,
413
+ .ui.label.visible {
414
+ display: inline-block !important;
430
415
  }
431
416
 
432
417
  /*-------------------
433
- Inverted
418
+ Hidden
434
419
  --------------------*/
435
420
 
436
- .ui.inverted.labels .label,
437
- .ui.inverted.label {
438
- color: #FFFFFF !important;
421
+ .ui.labels.hidden .label,
422
+ .ui.label.hidden {
423
+ display: none !important;
439
424
  }
440
425
 
426
+
427
+ /*******************************
428
+ Variations
429
+ *******************************/
430
+
431
+
441
432
  /*-------------------
442
433
  Colors
443
434
  --------------------*/
444
435
 
436
+
445
437
  /*--- Black ---*/
446
438
 
447
439
  .ui.black.labels .label,
448
440
  .ui.black.label {
449
- background-color: #5C6166 !important;
450
- border-color: #5C6166 !important;
451
- color: #FFFFFF !important;
441
+ background-color: #1b1c1d !important;
442
+ border-color: #1b1c1d !important;
443
+ color: #ffffff !important;
452
444
  }
453
-
454
445
  .ui.labels .black.label:before,
455
446
  .ui.black.labels .label:before,
456
447
  .ui.black.label:before {
457
- background-color: #5C6166 !important;
448
+ background-color: #1b1c1d !important;
458
449
  }
459
-
460
- /* Hover */
461
-
462
450
  a.ui.black.labels .label:hover,
463
451
  a.ui.black.label:hover {
464
- background-color: #333333 !important;
465
- border-color: #333333 !important;
452
+ background-color: #1b1c1d !important;
453
+ border-color: #1b1c1d !important;
466
454
  }
467
-
468
455
  .ui.labels a.black.label:hover:before,
469
456
  .ui.black.labels a.label:hover:before,
470
457
  a.ui.black.label:hover:before {
471
- background-color: #333333 !important;
458
+ background-color: #1b1c1d !important;
472
459
  }
473
-
474
- /* Corner */
475
-
476
460
  .ui.black.corner.label,
477
461
  .ui.black.corner.label:hover {
478
462
  background-color: transparent !important;
479
463
  }
464
+ .ui.black.ribbon.label {
465
+ border-color: #020203 !important;
466
+ }
480
467
 
481
- /* Ribbon */
468
+ /*--- Blue ---*/
482
469
 
483
- .ui.black.ribbon.label {
484
- border-color: #333333 !important;
470
+ .ui.blue.labels .label,
471
+ .ui.blue.label {
472
+ background-color: #3b83c0 !important;
473
+ border-color: #3b83c0 !important;
474
+ color: #ffffff !important;
475
+ }
476
+ .ui.labels .blue.label:before,
477
+ .ui.blue.labels .label:before,
478
+ .ui.blue.label:before {
479
+ background-color: #3b83c0 !important;
480
+ }
481
+ a.ui.blue.labels .label:hover,
482
+ .ui.blue.labels a.label:hover,
483
+ a.ui.blue.label:hover {
484
+ background-color: #458ac6 !important;
485
+ border-color: #458ac6 !important;
486
+ color: #ffffff !important;
487
+ }
488
+ .ui.labels a.blue.label:hover:before,
489
+ .ui.blue.labels a.label:hover:before,
490
+ a.ui.blue.label:hover:before {
491
+ background-color: #458ac6 !important;
492
+ }
493
+ .ui.blue.corner.label,
494
+ .ui.blue.corner.label:hover {
495
+ background-color: transparent !important;
496
+ }
497
+ .ui.blue.ribbon.label {
498
+ border-color: #2f6899 !important;
485
499
  }
486
500
 
487
501
  /*--- Green ---*/
488
502
 
489
503
  .ui.green.labels .label,
490
504
  .ui.green.label {
491
- background-color: #A1CF64 !important;
492
- border-color: #A1CF64 !important;
493
- color: #FFFFFF !important;
505
+ background-color: #5bbd72 !important;
506
+ border-color: #5bbd72 !important;
507
+ color: #ffffff !important;
494
508
  }
495
-
496
509
  .ui.labels .green.label:before,
497
510
  .ui.green.labels .label:before,
498
511
  .ui.green.label:before {
499
- background-color: #A1CF64 !important;
512
+ background-color: #5bbd72 !important;
500
513
  }
501
-
502
- /* Hover */
503
-
504
514
  a.ui.green.labels .label:hover,
505
515
  a.ui.green.label:hover {
506
- background-color: #89B84C !important;
507
- border-color: #89B84C !important;
516
+ background-color: #66c17b !important;
517
+ border-color: #66c17b !important;
508
518
  }
509
-
510
519
  .ui.labels a.green.label:hover:before,
511
520
  .ui.green.labels a.label:hover:before,
512
521
  a.ui.green.label:hover:before {
513
- background-color: #89B84C !important;
522
+ background-color: #66c17b !important;
514
523
  }
515
-
516
- /* Corner */
517
-
518
524
  .ui.green.corner.label,
519
525
  .ui.green.corner.label:hover {
520
526
  background-color: transparent !important;
521
527
  }
522
-
523
- /* Ribbon */
524
-
525
528
  .ui.green.ribbon.label {
526
- border-color: #89B84C !important;
529
+ border-color: #42a359 !important;
527
530
  }
528
531
 
529
- /*--- Red ---*/
532
+ /*--- Orange ---*/
530
533
 
531
- .ui.red.labels .label,
532
- .ui.red.label {
533
- background-color: #D95C5C !important;
534
- border-color: #D95C5C !important;
535
- color: #FFFFFF !important;
534
+ .ui.orange.labels .label,
535
+ .ui.orange.label {
536
+ background-color: #e07b53 !important;
537
+ border-color: #e07b53 !important;
538
+ color: #ffffff !important;
536
539
  }
537
-
538
- .ui.labels .red.label:before,
539
- .ui.red.labels .label:before,
540
- .ui.red.label:before {
541
- background-color: #D95C5C !important;
540
+ .ui.labels .orange.label:before,
541
+ .ui.orange.labels .label:before,
542
+ .ui.orange.label:before {
543
+ background-color: #e07b53 !important;
542
544
  }
543
-
544
- /* Corner */
545
-
546
- .ui.red.corner.label,
547
- .ui.red.corner.label:hover {
548
- background-color: transparent !important;
545
+ a.ui.orange.labels .label:hover,
546
+ .ui.orange.labels a.label:hover,
547
+ a.ui.orange.label:hover {
548
+ background-color: #e28560 !important;
549
+ border-color: #e28560 !important;
550
+ color: #ffffff !important;
549
551
  }
550
-
551
- /* Hover */
552
-
553
- a.ui.red.labels .label:hover,
554
- a.ui.red.label:hover {
555
- background-color: #DE3859 !important;
556
- border-color: #DE3859 !important;
557
- color: #FFFFFF !important;
552
+ .ui.labels a.orange.label:hover:before,
553
+ .ui.orange.labels a.label:hover:before,
554
+ a.ui.orange.label:hover:before {
555
+ background-color: #e28560 !important;
558
556
  }
559
-
560
- .ui.labels a.red.label:hover:before,
561
- .ui.red.labels a.label:hover:before,
562
- a.ui.red.label:hover:before {
563
- background-color: #DE3859 !important;
557
+ .ui.orange.corner.label,
558
+ .ui.orange.corner.label:hover {
559
+ background-color: transparent !important;
564
560
  }
565
-
566
- /* Ribbon */
567
-
568
- .ui.red.ribbon.label {
569
- border-color: #DE3859 !important;
561
+ .ui.orange.ribbon.label {
562
+ border-color: #d85a28 !important;
570
563
  }
571
564
 
572
- /*--- Blue ---*/
565
+ /*--- Pink ---*/
573
566
 
574
- .ui.blue.labels .label,
575
- .ui.blue.label {
576
- background-color: #6ECFF5 !important;
577
- border-color: #6ECFF5 !important;
578
- color: #FFFFFF !important;
567
+ .ui.pink.labels .label,
568
+ .ui.pink.label {
569
+ background-color: #d9499a !important;
570
+ border-color: #d9499a !important;
571
+ color: #ffffff !important;
579
572
  }
580
-
581
- .ui.labels .blue.label:before,
582
- .ui.blue.labels .label:before,
583
- .ui.blue.label:before {
584
- background-color: #6ECFF5 !important;
573
+ .ui.labels .pink.label:before,
574
+ .ui.pink.labels .label:before,
575
+ .ui.pink.label:before {
576
+ background-color: #d9499a !important;
585
577
  }
586
-
587
- /* Hover */
588
-
589
- a.ui.blue.labels .label:hover,
590
- .ui.blue.labels a.label:hover,
591
- a.ui.blue.label:hover {
592
- background-color: #1AB8F3 !important;
593
- border-color: #1AB8F3 !important;
594
- color: #FFFFFF !important;
578
+ a.ui.pink.labels .label:hover,
579
+ .ui.pink.labels a.label:hover,
580
+ a.ui.pink.label:hover {
581
+ background-color: #dc56a1 !important;
582
+ border-color: #dc56a1 !important;
583
+ color: #ffffff !important;
595
584
  }
596
-
597
- .ui.labels a.blue.label:hover:before,
598
- .ui.blue.labels a.label:hover:before,
599
- a.ui.blue.label:hover:before {
600
- background-color: #1AB8F3 !important;
585
+ .ui.labels a.pink.label:hover:before,
586
+ .ui.pink.labels a.label:hover:before,
587
+ a.ui.pink.label:hover:before {
588
+ background-color: #dc56a1 !important;
601
589
  }
602
-
603
- /* Corner */
604
-
605
- .ui.blue.corner.label,
606
- .ui.blue.corner.label:hover {
590
+ .ui.pink.corner.label,
591
+ .ui.pink.corner.label:hover {
607
592
  background-color: transparent !important;
608
593
  }
609
-
610
- /* Ribbon */
611
-
612
- .ui.blue.ribbon.label {
613
- border-color: #1AB8F3 !important;
594
+ .ui.pink.ribbon.label {
595
+ border-color: #c62981 !important;
614
596
  }
615
597
 
616
598
  /*--- Purple ---*/
617
599
 
618
600
  .ui.purple.labels .label,
619
601
  .ui.purple.label {
620
- background-color: #564F8A !important;
621
- border-color: #564F8A !important;
622
- color: #FFFFFF !important;
602
+ background-color: #564f8a !important;
603
+ border-color: #564f8a !important;
604
+ color: #ffffff !important;
623
605
  }
624
-
625
606
  .ui.labels .purple.label:before,
626
607
  .ui.purple.labels .label:before,
627
608
  .ui.purple.label:before {
628
- background-color: #564F8A !important;
609
+ background-color: #564f8a !important;
629
610
  }
630
-
631
- /* Hover */
632
-
633
611
  a.ui.purple.labels .label:hover,
634
612
  .ui.purple.labels a.label:hover,
635
613
  a.ui.purple.label:hover {
636
- background-color: #3E3773 !important;
637
- border-color: #3E3773 !important;
638
- color: #FFFFFF !important;
614
+ background-color: #5c5594 !important;
615
+ border-color: #5c5594 !important;
616
+ color: #ffffff !important;
639
617
  }
640
-
641
618
  .ui.labels a.purple.label:hover:before,
642
619
  .ui.purple.labels a.label:hover:before,
643
620
  a.ui.purple.label:hover:before {
644
- background-color: #3E3773 !important;
621
+ background-color: #5c5594 !important;
645
622
  }
646
-
647
- /* Corner */
648
-
649
623
  .ui.purple.corner.label,
650
624
  .ui.purple.corner.label:hover {
651
625
  background-color: transparent !important;
652
626
  }
653
-
654
- /* Ribbon */
655
-
656
627
  .ui.purple.ribbon.label {
657
- border-color: #3E3773 !important;
628
+ border-color: #423c6a !important;
658
629
  }
659
630
 
660
- /*--- Orange ---*/
631
+ /*--- Red ---*/
661
632
 
662
- .ui.orange.labels .label,
663
- .ui.orange.label {
664
- background-color: #F05940 !important;
665
- border-color: #F05940 !important;
666
- color: #FFFFFF !important;
633
+ .ui.red.labels .label,
634
+ .ui.red.label {
635
+ background-color: #d95c5c !important;
636
+ border-color: #d95c5c !important;
637
+ color: #ffffff !important;
667
638
  }
668
-
669
- .ui.labels .orange.label:before,
670
- .ui.orange.labels .label:before,
671
- .ui.orange.label:before {
672
- background-color: #F05940 !important;
639
+ .ui.labels .red.label:before,
640
+ .ui.red.labels .label:before,
641
+ .ui.red.label:before {
642
+ background-color: #d95c5c !important;
673
643
  }
674
-
675
- /* Hover */
676
-
677
- a.ui.orange.labels .label:hover,
678
- .ui.orange.labels a.label:hover,
679
- a.ui.orange.label:hover {
680
- background-color: #FF4121 !important;
681
- border-color: #FF4121 !important;
682
- color: #FFFFFF !important;
644
+ .ui.red.corner.label,
645
+ .ui.red.corner.label:hover {
646
+ background-color: transparent !important;
683
647
  }
684
-
685
- .ui.labels a.orange.label:hover:before,
686
- .ui.orange.labels a.label:hover:before,
687
- a.ui.orange.label:hover:before {
688
- background-color: #FF4121 !important;
648
+ a.ui.red.labels .label:hover,
649
+ a.ui.red.label:hover {
650
+ background-color: #dc6868 !important;
651
+ border-color: #dc6868 !important;
652
+ color: #ffffff !important;
689
653
  }
690
-
691
- /* Corner */
692
-
693
- .ui.orange.corner.label,
694
- .ui.orange.corner.label:hover {
695
- background-color: transparent !important;
654
+ .ui.labels a.red.label:hover:before,
655
+ .ui.red.labels a.label:hover:before,
656
+ a.ui.red.label:hover:before {
657
+ background-color: #dc6868 !important;
696
658
  }
697
-
698
- /* Ribbon */
699
-
700
- .ui.orange.ribbon.label {
701
- border-color: #FF4121 !important;
659
+ .ui.red.ribbon.label {
660
+ border-color: #cf3333 !important;
702
661
  }
703
662
 
704
663
  /*--- Teal ---*/
705
664
 
706
665
  .ui.teal.labels .label,
707
666
  .ui.teal.label {
708
- background-color: #00B5AD !important;
709
- border-color: #00B5AD !important;
710
- color: #FFFFFF !important;
667
+ background-color: #00b5ad !important;
668
+ border-color: #00b5ad !important;
669
+ color: #ffffff !important;
711
670
  }
712
-
713
671
  .ui.labels .teal.label:before,
714
672
  .ui.teal.labels .label:before,
715
673
  .ui.teal.label:before {
716
- background-color: #00B5AD !important;
674
+ background-color: #00b5ad !important;
717
675
  }
718
-
719
- /* Hover */
720
-
721
676
  a.ui.teal.labels .label:hover,
722
677
  .ui.teal.labels a.label:hover,
723
678
  a.ui.teal.label:hover {
724
- background-color: #009A93 !important;
725
- border-color: #009A93 !important;
726
- color: #FFFFFF !important;
679
+ background-color: #00c4bc !important;
680
+ border-color: #00c4bc !important;
681
+ color: #ffffff !important;
727
682
  }
728
-
729
683
  .ui.labels a.teal.label:hover:before,
730
684
  .ui.teal.labels a.label:hover:before,
731
685
  a.ui.teal.label:hover:before {
732
- background-color: #009A93 !important;
686
+ background-color: #00c4bc !important;
733
687
  }
734
-
735
- /* Corner */
736
-
737
688
  .ui.teal.corner.label,
738
689
  .ui.teal.corner.label:hover {
739
690
  background-color: transparent !important;
740
691
  }
692
+ .ui.teal.ribbon.label {
693
+ border-color: #00827c !important;
694
+ }
741
695
 
742
- /* Ribbon */
696
+ /*--- Yellow ---*/
743
697
 
744
- .ui.teal.ribbon.label {
745
- border-color: #009A93 !important;
698
+ .ui.yellow.labels .label,
699
+ .ui.yellow.label {
700
+ background-color: #f2c61f !important;
701
+ border-color: #f2c61f !important;
702
+ color: #ffffff !important;
703
+ }
704
+ .ui.labels .yellow.label:before,
705
+ .ui.yellow.labels .label:before,
706
+ .ui.yellow.label:before {
707
+ background-color: #f2c61f !important;
708
+ }
709
+ a.ui.yellow.labels .label:hover,
710
+ .ui.yellow.labels a.label:hover,
711
+ a.ui.yellow.label:hover {
712
+ background-color: #f3ca2d !important;
713
+ border-color: #f3ca2d !important;
714
+ color: #ffffff !important;
715
+ }
716
+ .ui.labels a.yellow.label:hover:before,
717
+ .ui.yellow.labels a.label:hover:before,
718
+ a.ui.yellow.label:hover:before {
719
+ background-color: #f3ca2d !important;
720
+ }
721
+ .ui.yellow.corner.label,
722
+ .ui.yellow.corner.label:hover {
723
+ background-color: transparent !important;
724
+ }
725
+ .ui.yellow.ribbon.label {
726
+ border-color: #d2a90c !important;
727
+ }
728
+
729
+ /*-------------------
730
+ Fluid
731
+ --------------------*/
732
+
733
+ .ui.label.fluid,
734
+ .ui.fluid.labels > .label {
735
+ width: 100%;
736
+ box-sizing: border-box;
737
+ }
738
+
739
+ /*-------------------
740
+ Inverted
741
+ --------------------*/
742
+
743
+ .ui.inverted.labels .label,
744
+ .ui.inverted.label {
745
+ color: #ffffff !important;
746
746
  }
747
747
 
748
748
  /*-------------------
@@ -751,9 +751,9 @@ a.ui.teal.label:hover:before {
751
751
 
752
752
  .ui.horizontal.labels .label,
753
753
  .ui.horizontal.label {
754
- margin: -0.125em 0.5em -0.125em 0em;
755
- padding: 0.35em 1em;
756
- min-width: 6em;
754
+ margin: 0em 0.5em 0em 0em;
755
+ padding: 0.4em 0.8em;
756
+ min-width: 3em;
757
757
  text-align: center;
758
758
  }
759
759
 
@@ -763,13 +763,22 @@ a.ui.teal.label:hover:before {
763
763
 
764
764
  .ui.circular.labels .label,
765
765
  .ui.circular.label {
766
- min-height: 1em;
767
- max-height: 2em;
766
+ min-width: 2em;
767
+ min-height: 2em;
768
768
  padding: 0.5em !important;
769
769
  line-height: 1em;
770
770
  text-align: center;
771
771
  border-radius: 500rem;
772
772
  }
773
+ .ui.empty.circular.labels .label,
774
+ .ui.empty.circular.label {
775
+ min-width: 0em;
776
+ min-height: 0em;
777
+ overflow: hidden;
778
+ width: 0.5em;
779
+ height: 0.5em;
780
+ vertical-align: baseline;
781
+ }
773
782
 
774
783
  /*-------------------
775
784
  Pointing
@@ -778,36 +787,33 @@ a.ui.teal.label:hover:before {
778
787
  .ui.pointing.label {
779
788
  position: relative;
780
789
  }
781
-
782
790
  .ui.attached.pointing.label {
783
791
  position: absolute;
784
792
  }
785
-
786
793
  .ui.pointing.label:before {
787
794
  position: absolute;
788
- content: "";
789
- width: 0.6em;
790
- height: 0.6em;
791
- background-image: none;
795
+ content: '';
792
796
  -webkit-transform: rotate(45deg);
793
- -ms-transform: rotate(45deg);
794
- transform: rotate(45deg);
797
+ -ms-transform: rotate(45deg);
798
+ transform: rotate(45deg);
799
+ background-image: none;
795
800
  z-index: 2;
796
- -webkit-transition: background 0.1s linear;
797
- transition: background 0.1s linear;
801
+ width: 0.6em;
802
+ height: 0.6em;
803
+ -webkit-transition: background 0.2s ease;
804
+ transition: background 0.2s ease;
798
805
  }
799
806
 
800
807
  /*--- Above ---*/
801
808
 
802
809
  .ui.pointing.label:before {
803
- background-color: #E8E8E8;
810
+ background-color: #e8e8e8;
811
+ background-image: none;
804
812
  }
805
-
806
813
  .ui.pointing.label,
807
814
  .ui.pointing.above.label {
808
815
  margin-top: 1em;
809
816
  }
810
-
811
817
  .ui.pointing.label:before,
812
818
  .ui.pointing.above.label:before {
813
819
  margin-left: -0.3em;
@@ -817,11 +823,12 @@ a.ui.teal.label:hover:before {
817
823
 
818
824
  /*--- Below ---*/
819
825
 
826
+ .ui.pointing.bottom.label,
820
827
  .ui.pointing.below.label {
821
828
  margin-top: 0em;
822
829
  margin-bottom: 1em;
823
830
  }
824
-
831
+ .ui.pointing.bottom.label:before,
825
832
  .ui.pointing.below.label:before {
826
833
  margin-left: -0.3em;
827
834
  top: auto;
@@ -834,9 +841,8 @@ a.ui.teal.label:hover:before {
834
841
 
835
842
  .ui.pointing.left.label {
836
843
  margin-top: 0em;
837
- margin-left: 1em;
844
+ margin-left: 0.6em;
838
845
  }
839
-
840
846
  .ui.pointing.left.label:before {
841
847
  margin-top: -0.3em;
842
848
  bottom: auto;
@@ -849,9 +855,8 @@ a.ui.teal.label:hover:before {
849
855
 
850
856
  .ui.pointing.right.label {
851
857
  margin-top: 0em;
852
- margin-right: 1em;
858
+ margin-right: 0.6em;
853
859
  }
854
-
855
860
  .ui.pointing.right.label:before {
856
861
  margin-top: -0.3em;
857
862
  right: -0.3em;
@@ -876,21 +881,47 @@ a.ui.teal.label:hover:before {
876
881
  Sizes
877
882
  --------------------*/
878
883
 
884
+ .ui.mini.labels .label,
885
+ .ui.mini.label {
886
+ font-size: 0.6428rem;
887
+ }
888
+ .ui.tiny.labels .label,
889
+ .ui.tiny.label {
890
+ font-size: 0.7142rem;
891
+ }
879
892
  .ui.small.labels .label,
880
893
  .ui.small.label {
881
- font-size: 0.75rem;
894
+ font-size: 0.7857rem;
882
895
  }
883
-
896
+ .ui.labels .label,
884
897
  .ui.label {
885
- font-size: 0.8125rem;
898
+ font-size: 0.8571rem;
886
899
  }
887
-
888
900
  .ui.large.labels .label,
889
901
  .ui.large.label {
890
- font-size: 0.875rem;
902
+ font-size: 1rem;
903
+ }
904
+ .ui.big.labels .label,
905
+ .ui.big.label {
906
+ font-size: 1.1428rem;
891
907
  }
892
-
893
908
  .ui.huge.labels .label,
894
909
  .ui.huge.label {
895
- font-size: 1rem;
896
- }
910
+ font-size: 1.2857rem;
911
+ }
912
+ .ui.massive.labels .label,
913
+ .ui.massive.label {
914
+ font-size: 1.4285rem;
915
+ }
916
+
917
+
918
+ /*******************************
919
+ Theme Overrides
920
+ *******************************/
921
+
922
+
923
+
924
+ /*******************************
925
+ Site Overrides
926
+ *******************************/
927
+