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 - Segment
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,186 +9,215 @@
9
9
  *
10
10
  */
11
11
 
12
+
13
+
12
14
  /*******************************
13
15
  Segment
14
16
  *******************************/
15
17
 
16
18
  .ui.segment {
17
19
  position: relative;
18
- background-color: #FFFFFF;
19
- -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
20
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
21
- margin: 1em 0em;
22
- padding: 1em;
23
- border-radius: 5px 5px 5px 5px;
24
- -webkit-box-sizing: border-box;
25
- -moz-box-sizing: border-box;
26
- -ms-box-sizing: border-box;
27
- box-sizing: border-box;
20
+ background-color: #ffffff;
21
+ box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
22
+ margin: 1rem 0em;
23
+ padding: 1em 1em;
24
+ border-radius: 0.2857rem;
25
+ border: none;
28
26
  }
29
-
30
27
  .ui.segment:first-child {
31
28
  margin-top: 0em;
32
29
  }
33
-
34
30
  .ui.segment:last-child {
35
31
  margin-bottom: 0em;
36
32
  }
37
-
38
33
  .ui.segment:after {
39
34
  content: '';
40
35
  display: block;
41
- height: 0;
36
+ height: 0px;
42
37
  clear: both;
43
38
  visibility: hidden;
44
39
  }
45
40
 
46
- .ui.vertical.segment {
41
+ /* Vertical */
42
+ .ui[class*="vertical segment"] {
47
43
  margin: 0em;
48
44
  padding-left: 0em;
49
45
  padding-right: 0em;
50
46
  background-color: transparent;
51
47
  border-radius: 0px;
52
- -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
53
- box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
48
+ border: none;
49
+ box-shadow: 0px -1px 0px rgba(39, 41, 43, 0.15) inset;
54
50
  }
55
-
56
- .ui.vertical.segment:first-child {
57
- padding-top: 0em;
51
+ .ui[class*="vertical segment"]:last-child {
52
+ box-shadow: none;
58
53
  }
59
54
 
60
- .ui.horizontal.segment {
55
+ /* Horizontal */
56
+ .ui[class*="horizontal segment"] {
61
57
  margin: 0em;
62
58
  padding-top: 0em;
63
59
  padding-bottom: 0em;
64
60
  background-color: transparent;
65
61
  border-radius: 0px;
66
- -webkit-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.1);
67
- box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.1);
68
- }
69
-
70
- .ui.horizontal.segment:first-child {
71
- padding-left: 0em;
62
+ border: none;
63
+ box-shadow: 1px 0px 0px rgba(39, 41, 43, 0.15);
72
64
  }
73
65
 
74
66
  /*-------------------
75
67
  Loose Coupling
76
68
  --------------------*/
77
69
 
78
- .ui.pointing.menu ~ .ui.attached.segment {
79
- top: 1px;
70
+
71
+ /* Header */
72
+ .ui.inverted.segment > .ui.header {
73
+ color: #ffffff;
80
74
  }
81
75
 
82
- .ui.page.grid.segment
83
- .ui.grid .ui.segment.column {
84
- padding-top: 2rem;
85
- padding-bottom: 2rem;
76
+ /* Label */
77
+ .ui[class*="bottom attached"].segment > [class*="top attached"].label {
78
+ border-top-left-radius: 0em;
79
+ border-top-right-radius: 0em;
80
+ }
81
+ .ui[class*="top attached"].segment > [class*="bottom attached"].label {
82
+ border-bottom-left-radius: 0em;
83
+ border-bottom-right-radius: 0em;
84
+ }
85
+ .ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
86
+ border-top-left-radius: 0em;
87
+ border-top-right-radius: 0em;
88
+ }
89
+ .ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
90
+ border-bottom-left-radius: 0em;
91
+ border-bottom-right-radius: 0em;
86
92
  }
87
93
 
88
- .ui.grid.segment,
89
- .ui.grid .ui.segment.row,
94
+ /* Grid */
95
+ .ui.page.grid.segment,
90
96
  .ui.grid .ui.segment.column {
91
- border-radius: 0em;
92
- -webkit-box-shadow: none;
93
- box-shadow: none;
94
- border: none;
97
+ padding-top: 2em;
98
+ padding-bottom: 2em;
95
99
  }
96
-
97
- /* No padding on edge content */
98
-
99
- .ui.segment > :first-child {
100
- margin-top: 0em;
100
+ .ui.grid.segment {
101
+ margin: 1rem 0rem;
102
+ border-radius: 0.2857rem;
101
103
  }
102
104
 
103
- .ui.segment > :last-child {
104
- margin-bottom: 0em;
105
+ /* Table */
106
+ .ui.basic.table.segment {
107
+ background: #ffffff;
108
+ border: none;
109
+ box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
105
110
  }
111
+ .ui[class*="very basic"].table.segment {
112
+ padding: 1em 1em;
113
+ }
114
+
106
115
 
107
116
  /*******************************
108
117
  Types
109
118
  *******************************/
110
119
 
120
+
111
121
  /*-------------------
112
122
  Piled
113
123
  --------------------*/
114
124
 
115
125
  .ui.piled.segment {
116
- margin: 2em 0em;
117
- -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
118
- -ms-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
119
- -o-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
120
- box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
126
+ margin: 3em 0em;
127
+ box-shadow: 0px 0px 1px 1px rgba(39, 41, 43, 0.15);
128
+ z-index: auto;
121
129
  }
122
-
123
130
  .ui.piled.segment:first-child {
124
131
  margin-top: 0em;
125
132
  }
126
-
127
133
  .ui.piled.segment:last-child {
128
134
  margin-bottom: 0em;
129
135
  }
130
-
131
136
  .ui.piled.segment:after,
132
137
  .ui.piled.segment:before {
133
- background-color: #FFFFFF;
138
+ background-color: #ffffff;
134
139
  visibility: visible;
135
- content: "";
140
+ content: '';
136
141
  display: block;
137
142
  height: 100%;
138
- left: -1px;
143
+ left: 0px;
139
144
  position: absolute;
140
145
  width: 100%;
141
- -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
142
- box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
146
+ box-shadow: 0px 0px 1px 1px rgba(39, 41, 43, 0.15);
143
147
  }
144
-
145
148
  .ui.piled.segment:after {
146
149
  -webkit-transform: rotate(1.2deg);
147
- -ms-transform: rotate(1.2deg);
148
- transform: rotate(1.2deg);
150
+ -ms-transform: rotate(1.2deg);
151
+ transform: rotate(1.2deg);
149
152
  top: 0;
150
153
  z-index: -1;
151
154
  }
152
-
153
155
  .ui.piled.segment:before {
154
156
  -webkit-transform: rotate(-1.2deg);
155
- -ms-transform: rotate(-1.2deg);
156
- transform: rotate(-1.2deg);
157
+ -ms-transform: rotate(-1.2deg);
158
+ transform: rotate(-1.2deg);
157
159
  top: 0;
158
160
  z-index: -2;
159
161
  }
160
162
 
163
+ /* Piled Attached */
164
+ .ui[class*="top attached"].piled.segment {
165
+ margin-top: 3em;
166
+ margin-bottom: 0em;
167
+ }
168
+ .ui.piled.segment[class*="top attached"]:first-child {
169
+ margin-top: 0em;
170
+ }
171
+ .ui.piled.segment[class*="bottom attached"] {
172
+ margin-top: 0em;
173
+ margin-bottom: 3em;
174
+ }
175
+ .ui.piled.segment[class*="bottom attached"]:last-child {
176
+ margin-bottom: 0em;
177
+ }
178
+
161
179
  /*-------------------
162
180
  Stacked
163
181
  --------------------*/
164
182
 
165
183
  .ui.stacked.segment {
166
- padding-bottom: 1.7em;
184
+ padding-bottom: 1.4em;
167
185
  }
168
-
169
186
  .ui.stacked.segment:after,
170
187
  .ui.stacked.segment:before {
171
188
  content: '';
172
189
  position: absolute;
173
190
  bottom: -3px;
174
191
  left: 0%;
175
- border-top: 1px solid rgba(0, 0, 0, 0.1);
176
- background-color: rgba(0, 0, 0, 0.02);
192
+ border-top: 1px solid rgba(39, 41, 43, 0.15);
193
+ background-color: rgba(0, 0, 0, 0.03);
177
194
  width: 100%;
178
- height: 5px;
195
+ height: 6px;
179
196
  visibility: visible;
180
197
  }
181
-
182
198
  .ui.stacked.segment:before {
199
+ display: none;
200
+ }
201
+
202
+ /* Add additional page */
203
+ .ui.tall.stacked.segment:before {
204
+ display: block;
183
205
  bottom: 0px;
184
206
  }
185
207
 
186
208
  /* Inverted */
187
-
188
209
  .ui.stacked.inverted.segment:after,
189
210
  .ui.stacked.inverted.segment:before {
190
- background-color: rgba(255, 255, 255, 0.1);
191
- border-top: 1px solid rgba(255, 255, 255, 0.35);
211
+ background-color: rgba(0, 0, 0, 0.03);
212
+ border-top: 1px solid rgba(39, 41, 43, 0.3);
213
+ }
214
+
215
+ /*-------------------
216
+ Compact
217
+ --------------------*/
218
+
219
+ .ui.compact.segment {
220
+ display: table;
192
221
  }
193
222
 
194
223
  /*-------------------
@@ -208,23 +237,95 @@
208
237
  --------------------*/
209
238
 
210
239
  .ui.raised.segment {
211
- -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
212
- box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
240
+ box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
213
241
  }
214
242
 
243
+
215
244
  /*******************************
216
245
  States
217
246
  *******************************/
218
247
 
248
+
249
+ /*--------------
250
+ Disabled
251
+ ---------------*/
252
+
219
253
  .ui.disabled.segment {
220
- opacity: 0.8;
221
- color: #DDDDDD;
254
+ opacity: 0.3;
255
+ color: rgba(40, 40, 40, 0.3);
256
+ }
257
+
258
+ /*--------------
259
+ Loading
260
+ ---------------*/
261
+
262
+ .ui.loading.segment {
263
+ position: relative;
264
+ cursor: default;
265
+ point-events: none;
266
+ text-shadow: none !important;
267
+ color: transparent !important;
268
+ -webkit-transition: all 0s linear;
269
+ transition: all 0s linear;
270
+ }
271
+ .ui.loading.segment:before {
272
+ position: absolute;
273
+ content: '';
274
+ top: 0%;
275
+ left: 0%;
276
+ background: rgba(255, 255, 255, 0.8);
277
+ width: 100%;
278
+ height: 100%;
279
+ border-radius: 0.2857rem;
280
+ z-index: 100;
281
+ }
282
+ .ui.loading.segment:after {
283
+ position: absolute;
284
+ content: '';
285
+ top: 50%;
286
+ left: 50%;
287
+ margin: -1.5em 0em 0em -1.5em;
288
+ width: 3em;
289
+ height: 3em;
290
+ -webkit-animation: segment-spin 0.6s linear;
291
+ animation: segment-spin 0.6s linear;
292
+ -webkit-animation-iteration-count: infinite;
293
+ animation-iteration-count: infinite;
294
+ border-radius: 500rem;
295
+ border-color: #aaaaaa rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
296
+ border-style: solid;
297
+ border-width: 0.2em;
298
+ box-shadow: 0px 0px 0px 1px transparent;
299
+ visibility: visible;
300
+ z-index: 101;
301
+ }
302
+ @-webkit-keyframes segment-spin {
303
+ from {
304
+ -webkit-transform: rotate(0deg);
305
+ transform: rotate(0deg);
306
+ }
307
+ to {
308
+ -webkit-transform: rotate(360deg);
309
+ transform: rotate(360deg);
310
+ }
311
+ }
312
+ @keyframes segment-spin {
313
+ from {
314
+ -webkit-transform: rotate(0deg);
315
+ transform: rotate(0deg);
316
+ }
317
+ to {
318
+ -webkit-transform: rotate(360deg);
319
+ transform: rotate(360deg);
320
+ }
222
321
  }
223
322
 
323
+
224
324
  /*******************************
225
325
  Variations
226
326
  *******************************/
227
327
 
328
+
228
329
  /*-------------------
229
330
  Basic
230
331
  --------------------*/
@@ -232,15 +333,12 @@
232
333
  .ui.basic.segment {
233
334
  position: relative;
234
335
  background-color: transparent;
235
- -webkit-box-shadow: none;
236
336
  box-shadow: none;
237
337
  border-radius: 0px;
238
338
  }
239
-
240
339
  .ui.basic.segment:first-child {
241
340
  padding-top: 0em;
242
341
  }
243
-
244
342
  .ui.basic.segment:last-child {
245
343
  padding-bottom: 0em;
246
344
  }
@@ -257,104 +355,138 @@
257
355
  Colors
258
356
  --------------------*/
259
357
 
260
- .ui.blue.segment {
261
- border-top: 0.2em solid #6ECFF5;
358
+ .ui.black.segment:not(.inverted) {
359
+ border-top: 2px solid #1b1c1d;
262
360
  }
263
-
264
- .ui.green.segment {
265
- border-top: 0.2em solid #A1CF64;
361
+ .ui.blue.segment:not(.inverted) {
362
+ border-top: 2px solid #3b83c0;
266
363
  }
267
-
268
- .ui.red.segment {
269
- border-top: 0.2em solid #D95C5C;
364
+ .ui.green.segment:not(.inverted) {
365
+ border-top: 2px solid #5bbd72;
270
366
  }
271
-
272
- .ui.orange.segment {
273
- border-top: 0.2em solid #F05940;
367
+ .ui.orange.segment:not(.inverted) {
368
+ border-top: 2px solid #e07b53;
274
369
  }
275
-
276
- .ui.purple.segment {
277
- border-top: 0.2em solid #564F8A;
370
+ .ui.pink.segment:not(.inverted) {
371
+ border-top: 2px solid #d9499a;
278
372
  }
279
-
280
- .ui.teal.segment {
281
- border-top: 0.2em solid #00B5AD;
373
+ .ui.purple.segment:not(.inverted) {
374
+ border-top: 2px solid #564f8a;
375
+ }
376
+ .ui.red.segment:not(.inverted) {
377
+ border-top: 2px solid #d95c5c;
378
+ }
379
+ .ui.teal.segment:not(.inverted) {
380
+ border-top: 2px solid #00b5ad;
381
+ }
382
+ .ui.yellow.segment:not(.inverted) {
383
+ border-top: 2px solid #f2c61f;
384
+ }
385
+ .ui.black.segment:not(.inverted):not(.attached) {
386
+ border-top-left-radius: 0.2857rem !important;
387
+ border-top-right-radius: 0.2857rem !important;
388
+ }
389
+ .ui.blue.segment:not(.inverted):not(.attached) {
390
+ border-top-left-radius: 0.2857rem !important;
391
+ border-top-right-radius: 0.2857rem !important;
392
+ }
393
+ .ui.green.segment:not(.inverted):not(.attached) {
394
+ border-top-left-radius: 0.2857rem !important;
395
+ border-top-right-radius: 0.2857rem !important;
396
+ }
397
+ .ui.orange.segment:not(.inverted):not(.attached) {
398
+ border-top-left-radius: 0.2857rem !important;
399
+ border-top-right-radius: 0.2857rem !important;
400
+ }
401
+ .ui.pink.segment:not(.inverted):not(.attached) {
402
+ border-top-left-radius: 0.2857rem !important;
403
+ border-top-right-radius: 0.2857rem !important;
404
+ }
405
+ .ui.purple.segment:not(.inverted):not(.attached) {
406
+ border-top-left-radius: 0.2857rem !important;
407
+ border-top-right-radius: 0.2857rem !important;
408
+ }
409
+ .ui.red.segment:not(.inverted):not(.attached) {
410
+ border-top-left-radius: 0.2857rem !important;
411
+ border-top-right-radius: 0.2857rem !important;
412
+ }
413
+ .ui.teal.segment:not(.inverted):not(.attached) {
414
+ border-top-left-radius: 0.2857rem !important;
415
+ border-top-right-radius: 0.2857rem !important;
416
+ }
417
+ .ui.yellow.segment:not(.inverted):not(.attached) {
418
+ border-top-left-radius: 0.2857rem !important;
419
+ border-top-right-radius: 0.2857rem !important;
282
420
  }
283
421
 
284
422
  /*-------------------
285
423
  Inverted Colors
286
424
  --------------------*/
287
425
 
426
+ .ui.inverted.segment,
288
427
  .ui.inverted.black.segment {
289
- background-color: #5C6166 !important;
290
- color: #FFFFFF !important;
428
+ background-color: #1b1c1d !important;
429
+ color: #ffffff !important;
291
430
  }
292
-
293
431
  .ui.inverted.blue.segment {
294
- background-color: #6ECFF5 !important;
295
- color: #FFFFFF !important;
432
+ background-color: #3b83c0 !important;
433
+ color: #ffffff !important;
296
434
  }
297
-
298
435
  .ui.inverted.green.segment {
299
- background-color: #A1CF64 !important;
300
- color: #FFFFFF !important;
436
+ background-color: #5bbd72 !important;
437
+ color: #ffffff !important;
301
438
  }
302
-
303
- .ui.inverted.red.segment {
304
- background-color: #D95C5C !important;
305
- color: #FFFFFF !important;
306
- }
307
-
308
439
  .ui.inverted.orange.segment {
309
- background-color: #F05940 !important;
310
- color: #FFFFFF !important;
440
+ background-color: #e07b53 !important;
441
+ color: #ffffff !important;
442
+ }
443
+ .ui.inverted.pink.segment {
444
+ background-color: #d9499a !important;
445
+ color: #ffffff !important;
311
446
  }
312
-
313
447
  .ui.inverted.purple.segment {
314
- background-color: #564F8A !important;
315
- color: #FFFFFF !important;
448
+ background-color: #564f8a !important;
449
+ color: #ffffff !important;
450
+ }
451
+ .ui.inverted.red.segment {
452
+ background-color: #d95c5c !important;
453
+ color: #ffffff !important;
316
454
  }
317
-
318
455
  .ui.inverted.teal.segment {
319
- background-color: #00B5AD !important;
320
- color: #FFFFFF !important;
456
+ background-color: #00b5ad !important;
457
+ color: #ffffff !important;
458
+ }
459
+ .ui.inverted.yellow.segment {
460
+ background-color: #f2c61f !important;
461
+ color: #ffffff !important;
321
462
  }
322
463
 
323
464
  /*-------------------
324
465
  Aligned
325
466
  --------------------*/
326
467
 
327
- .ui.left.aligned.segment {
468
+ .ui[class*="left aligned"].segment {
328
469
  text-align: left;
329
470
  }
330
-
331
- .ui.right.aligned.segment {
471
+ .ui[class*="right aligned"].segment {
332
472
  text-align: right;
333
473
  }
334
-
335
- .ui.center.aligned.segment {
474
+ .ui[class*="center aligned"].segment {
336
475
  text-align: center;
337
476
  }
338
477
 
339
- .ui.justified.segment {
340
- text-align: justify;
341
- -webkit-hyphens: auto;
342
- -moz-hyphens: auto;
343
- -ms-hyphens: auto;
344
- hyphens: auto;
345
- }
346
-
347
478
  /*-------------------
348
479
  Floated
349
480
  --------------------*/
350
481
 
351
482
  .ui.floated.segment,
352
- .ui.left.floated.segment {
483
+ .ui[class*="left floated"].segment {
353
484
  float: left;
485
+ margin-right: 1rem;
354
486
  }
355
-
356
- .ui.right.floated.segment {
487
+ .ui[class*="right floated"].segment {
357
488
  float: right;
489
+ margin-left: 1rem;
358
490
  }
359
491
 
360
492
  /*-------------------
@@ -363,59 +495,45 @@
363
495
 
364
496
  .ui.inverted.segment {
365
497
  border: none;
366
- -webkit-box-shadow: none;
367
498
  box-shadow: none;
368
499
  }
369
-
370
500
  .ui.inverted.segment .segment {
371
- color: rgba(0, 0, 0, 0.7);
501
+ color: rgba(0, 0, 0, 0.8);
372
502
  }
373
-
374
503
  .ui.inverted.segment .inverted.segment {
375
- color: #FFFFFF;
504
+ color: #ffffff;
376
505
  }
377
-
378
506
  .ui.inverted.segment,
379
507
  .ui.primary.inverted.segment {
380
- background-color: #222222;
381
- color: #FFFFFF;
508
+ background-color: #1b1c1d;
509
+ color: #ffffff;
510
+ }
511
+ .ui.inverted.block.segment,
512
+ .ui.inverted.attached.segment {
513
+ border-color: #555555;
382
514
  }
383
515
 
384
516
  /*-------------------
385
517
  Ordinality
386
518
  --------------------*/
387
519
 
388
- .ui.primary.segment {
389
- background-color: #FFFFFF;
390
- color: #555555;
391
- }
392
-
393
520
  .ui.secondary.segment {
394
- background-color: #FAF9FA;
395
- color: #777777;
521
+ background: #faf9fa;
522
+ color: rgba(0, 0, 0, 0.8);
396
523
  }
397
-
398
524
  .ui.tertiary.segment {
399
- background-color: #EBEBEB;
400
- color: #B0B0B0;
525
+ background: #ebebeb;
526
+ color: rgba(0, 0, 0, 0.8);
401
527
  }
402
-
403
528
  .ui.secondary.inverted.segment {
404
- background-color: #555555;
405
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3)));
406
- background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
407
- background-image: -webkit-gradient(linear, top left, bottom left, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3)));
408
- background-image: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
409
- color: #FAFAFA;
529
+ background: -webkit-linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
530
+ background: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
531
+ color: #fafafa;
410
532
  }
411
-
412
533
  .ui.tertiary.inverted.segment {
413
- background-color: #555555;
414
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6)));
415
- background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
416
- background-image: -webkit-gradient(linear, top left, bottom left, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6)));
417
- background-image: linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
418
- color: #EEEEEE;
534
+ background: -webkit-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
535
+ background: linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
536
+ color: #f0f0f0;
419
537
  }
420
538
 
421
539
  /*-------------------
@@ -423,34 +541,54 @@
423
541
  --------------------*/
424
542
 
425
543
  .ui.segment.attached {
426
- top: -1px;
427
- bottom: -1px;
544
+ top: 0px;
545
+ bottom: 0px;
546
+ margin: 0em -1px;
547
+ width: -webkit-calc(100% + 2px );
548
+ width: calc(100% + 2px );
549
+ max-width: -webkit-calc(100% + 2px );
550
+ max-width: calc(100% + 2px );
428
551
  border-radius: 0px;
429
- margin: 0em;
430
- -webkit-box-shadow: 0px 0px 0px 1px #DDDDDD;
431
- box-shadow: 0px 0px 0px 1px #DDDDDD;
552
+ box-shadow: none;
553
+ border: 1px solid #d4d4d5;
554
+ }
555
+ .ui.segment.attached + .ui.segment.attached:not(.top) {
556
+ border-top: none;
432
557
  }
433
558
 
434
- .ui.top.attached.segment {
559
+ /* Top */
560
+ .ui[class*="top attached"].segment {
435
561
  top: 0px;
436
- bottom: -1px;
437
- margin-top: 1em;
562
+ bottom: 0px;
563
+ margin-top: 1rem;
438
564
  margin-bottom: 0em;
439
- border-radius: 5px 5px 0px 0px;
565
+ border-radius: 0.2857rem 0.2857rem 0em 0em;
440
566
  }
441
-
442
- .ui.segment.top.attached:first-child {
567
+ .ui.segment[class*="top attached"]:first-child {
443
568
  margin-top: 0em;
444
569
  }
445
570
 
446
- .ui.segment.bottom.attached {
447
- top: -1px;
571
+ /* Bottom */
572
+ .ui.segment[class*="bottom attached"] {
573
+ top: 0px;
448
574
  bottom: 0px;
449
575
  margin-top: 0em;
450
- margin-bottom: 1em;
451
- border-radius: 0px 0px 5px 5px;
576
+ margin-bottom: 1rem;
577
+ box-shadow: none, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
578
+ border-radius: 0em 0em 0.2857rem 0.2857rem;
452
579
  }
453
-
454
- .ui.segment.bottom.attached:last-child {
580
+ .ui.segment[class*="bottom attached"]:last-child {
455
581
  margin-bottom: 0em;
456
- }
582
+ }
583
+
584
+
585
+ /*******************************
586
+ Theme Overrides
587
+ *******************************/
588
+
589
+
590
+
591
+ /*******************************
592
+ Site Overrides
593
+ *******************************/
594
+