semantic-ui-sass 0.8.1.0 → 0.8.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/README.md +1 -1
  4. data/app/assets/javascripts/semantic-ui/dimmer.js +4 -2
  5. data/app/assets/javascripts/semantic-ui/modal.js +11 -6
  6. data/app/assets/javascripts/semantic-ui/popup.js +0 -1
  7. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +6 -2
  8. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +56 -73
  9. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +89 -53
  10. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +221 -316
  11. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +43 -88
  12. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +83 -23
  13. data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +831 -187
  14. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +189 -191
  15. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +4 -22
  16. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +43 -20
  17. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1529 -472
  18. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +145 -152
  19. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +36 -63
  20. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +120 -175
  21. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +13 -11
  22. data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +33 -115
  23. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +46 -101
  24. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +35 -65
  25. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +127 -170
  26. data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +287 -269
  27. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +42 -129
  28. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +16 -49
  29. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +54 -107
  30. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +29 -22
  31. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +112 -147
  32. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +226 -230
  33. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +20 -28
  34. data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +35 -78
  35. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +27 -44
  36. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +10 -41
  37. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +31 -60
  38. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
  39. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +219 -451
  40. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +75 -79
  41. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +21 -23
  42. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -8
  43. data/app/assets/stylesheets/semantic-ui/views/_item.scss +86 -43
  44. data/app/assets/stylesheets/semantic-ui/views/_list.scss +80 -53
  45. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +6 -1
  46. data/lib/semantic/ui/sass/version.rb +2 -2
  47. data/semantic-ui-sass.gemspec +1 -1
  48. data/spec/dummy/config/application.rb +1 -1
  49. data/spec/spec_helper.rb +0 -1
  50. data/tasks/converter.rb +7 -0
  51. metadata +4 -7
  52. data/spec/dummy/config/database.yml +0 -25
@@ -17,68 +17,40 @@
17
17
  position: relative;
18
18
  min-height: 18px;
19
19
  margin: 1em 0em;
20
-
21
20
  height: auto;
22
21
  background-color: #EFEFEF;
23
22
  padding: 1em;
24
-
25
23
  line-height: 1.33;
26
24
  color: rgba(0, 0, 0, 0.6);
27
-
28
- -webkit-transition:
29
- opacity 0.1s ease,
30
- color 0.1s ease,
31
- background 0.1s ease,
32
- box-shadow 0.1s ease
33
- ;
34
- -moz-transition:
35
- opacity 0.1s ease,
36
- color 0.1s ease,
37
- background 0.1s ease,
38
- box-shadow 0.1s ease
39
- ;
40
- -o-transition:
41
- opacity 0.1s ease,
25
+ -webkit-transition: opacity 0.1s ease,
42
26
  color 0.1s ease,
43
27
  background 0.1s ease,
44
- box-shadow 0.1s ease
45
- ;
46
- -ms-transition:
47
- opacity 0.1s ease,
28
+ -webkit-box-shadow 0.1s ease;
29
+ transition: opacity 0.1s ease,
48
30
  color 0.1s ease,
49
31
  background 0.1s ease,
50
- box-shadow 0.1s ease
51
- ;
52
- transition:
53
- opacity 0.1s ease,
54
- color 0.1s ease,
55
- background 0.1s ease,
56
- box-shadow 0.1s ease
57
- ;
58
-
32
+ box-shadow 0.1s ease;
59
33
  -webkit-box-sizing: border-box;
60
34
  -moz-box-sizing: border-box;
61
35
  -ms-box-sizing: border-box;
62
36
  box-sizing: border-box;
63
-
64
- -webkit-border-radius: 0.325em 0.325em 0.325em 0.325em;
65
- -moz-border-radius: 0.325em 0.325em 0.325em 0.325em;
66
37
  border-radius: 0.325em 0.325em 0.325em 0.325em;
67
38
  }
68
39
 
69
40
  .ui.message:first-child {
70
41
  margin-top: 0em;
71
42
  }
43
+
72
44
  .ui.message:last-child {
73
45
  margin-bottom: 0em;
74
46
  }
75
47
 
76
-
77
48
  /*--------------
78
49
  Content
79
50
  ---------------*/
80
51
 
81
52
  /* block with headers */
53
+
82
54
  .ui.message .header {
83
55
  margin: 0em;
84
56
  font-size: 1.33em;
@@ -86,83 +58,78 @@
86
58
  }
87
59
 
88
60
  /* block with paragraphs */
61
+
89
62
  .ui.message p {
90
63
  opacity: 0.85;
91
64
  margin: 1em 0em;
92
65
  }
66
+
93
67
  .ui.message p:first-child {
94
68
  margin-top: 0em;
95
69
  }
70
+
96
71
  .ui.message p:last-child {
97
72
  margin-bottom: 0em;
98
73
  }
74
+
99
75
  .ui.message .header + p {
100
76
  margin-top: 0.3em;
101
77
  }
78
+
102
79
  .ui.message > :first-child {
103
80
  margin-top: 0em;
104
81
  }
82
+
105
83
  .ui.message > :last-child {
106
84
  margin-bottom: 0em;
107
85
  }
108
86
 
109
87
  /* block with child list */
88
+
110
89
  .ui.message ul.list {
111
90
  opacity: 0.85;
112
91
  list-style-position: inside;
113
92
  margin: 0.2em 0em;
114
93
  padding: 0em;
115
94
  }
95
+
116
96
  .ui.message ul.list li {
117
97
  position: relative;
118
98
  list-style-type: none;
119
99
  margin: 0em 0em 0.3em 1em;
120
100
  padding: 0em;
121
101
  }
102
+
122
103
  .ui.message ul.list li:before {
123
104
  position: absolute;
124
105
  content: '\2022';
125
106
  top: -0.05em;
126
107
  left: -0.8em;
127
-
128
108
  height: 100%;
129
109
  vertical-align: baseline;
130
110
  opacity: 0.5;
131
111
  }
112
+
132
113
  .ui.message ul.list li:first-child {
133
114
  margin-top: 0em;
134
115
  }
135
116
 
136
117
  /* dismissable block */
118
+
137
119
  .ui.message > .close.icon {
138
120
  cursor: pointer;
139
121
  position: absolute;
140
122
  top: 1em;
141
123
  right: 0.5em;
142
124
  opacity: 0.7;
143
-
144
- -webkit-transition:
145
- opacity 0.1s linear
146
- ;
147
- -moz-transition:
148
- opacity 0.1s linear
149
- ;
150
- -o-transition:
151
- opacity 0.1s linear
152
- ;
153
- -ms-transition:
154
- opacity 0.1s linear
155
- ;
156
- transition:
157
- opacity 0.1s linear
158
- ;
125
+ -webkit-transition: opacity 0.1s linear;
126
+ transition: opacity 0.1s linear;
159
127
  }
128
+
160
129
  .ui.message > .close.icon:hover {
161
130
  opacity: 1;
162
131
  }
163
132
 
164
-
165
-
166
133
  /*******************************
167
134
  States
168
135
  *******************************/
@@ -171,6 +138,7 @@
171
138
  .ui.header.visible {
172
139
  display: block !important;
173
140
  }
141
+
174
142
  .ui.message.hidden,
175
143
  .ui.header.hidden {
176
144
  display: none;
@@ -188,7 +156,6 @@
188
156
  display: inline-block;
189
157
  }
190
158
 
191
-
192
159
  /*--------------
193
160
  Attached
194
161
  ---------------*/
@@ -197,30 +164,16 @@
197
164
  margin-left: -1px;
198
165
  margin-right: -1px;
199
166
  margin-bottom: -1px;
200
-
201
- -webkit-border-radius: 0.325em 0.325em 0em 0em;
202
- -moz-border-radius: 0.325em 0.325em 0em 0em;
203
167
  border-radius: 0.325em 0.325em 0em 0em;
204
-
205
- -webkit-box-shadow:
206
- 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset
207
- ;
208
- -moz-box-shadow:
209
- 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset
210
- ;
211
- box-shadow:
212
- 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset
213
- ;
168
+ -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
169
+ box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
214
170
  }
171
+
215
172
  .ui.bottom.attached.message {
216
173
  margin-top: -1px;
217
-
218
- -webkit-border-radius: 0em 0em 0.325em 0.325em;
219
- -moz-border-radius: 0em 0em 0.325em 0.325em;
220
174
  border-radius: 0em 0em 0.325em 0.325em;
221
175
  }
222
176
 
223
-
224
177
  /*--------------
225
178
  Icon
226
179
  ---------------*/
@@ -229,15 +182,18 @@
229
182
  display: table;
230
183
  width: 100%;
231
184
  }
185
+
232
186
  .ui.icon.message > .icon {
233
187
  display: table-cell;
234
188
  vertical-align: middle;
235
189
  font-size: 3.8em;
236
190
  opacity: 0.5;
237
191
  }
192
+
238
193
  .ui.icon.message > .icon + .content {
239
194
  padding-left: 1em;
240
195
  }
196
+
241
197
  .ui.icon.message > .content {
242
198
  display: table-cell;
243
199
  vertical-align: middle;
@@ -252,27 +208,17 @@
252
208
  color: rgba(255, 255, 255, 0.95);
253
209
  }
254
210
 
255
-
256
211
  /*--------------
257
212
  Floating
258
213
  ---------------*/
259
214
 
260
215
  .ui.floating.message {
261
- -webkit-box-shadow:
262
- 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
263
- 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset
264
- ;
265
- -moz-box-shadow:
266
- 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
267
- 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset
268
- ;
269
- box-shadow:
270
- 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
271
- 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset
272
- ;
216
+ -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
217
+ 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
218
+ box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
219
+ 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
273
220
  }
274
221
 
275
-
276
222
  /*--------------
277
223
  Colors
278
224
  ---------------*/
@@ -282,11 +228,10 @@
282
228
  color: rgba(255, 255, 255, 0.95);
283
229
  }
284
230
 
285
-
286
-
287
231
  /*--------------
288
232
  Types
289
233
  ---------------*/
234
+
290
235
  .ui.blue.message,
291
236
  .ui.info.message {
292
237
  background-color: #E6F4F9;
@@ -294,37 +239,43 @@
294
239
  }
295
240
 
296
241
  /* Green Text Block */
242
+
297
243
  .ui.green.message {
298
244
  background-color: #DEFCD5;
299
245
  color: #52A954;
300
246
  }
301
247
 
302
248
  /* Yellow Text Block */
249
+
303
250
  .ui.yellow.message,
304
251
  .ui.warning.message {
305
252
  background-color: #F6F3D5;
306
253
  color: #96904D;
307
254
  }
255
+
308
256
  /* Red Text Block */
257
+
309
258
  .ui.red.message {
310
259
  background-color: #F1D7D7;
311
260
  color: #A95252;
312
261
  }
313
262
 
314
263
  /* Success Text Block */
264
+
315
265
  .ui.success.message,
316
266
  .ui.positive.message {
317
267
  background-color: #DEFCD5;
318
268
  color: #52A954;
319
269
  }
270
+
320
271
  /* Error Text Block */
272
+
321
273
  .ui.error.message,
322
274
  .ui.negative.message {
323
275
  background-color: #F1D7D7;
324
276
  color: #A95252;
325
277
  }
326
278
 
327
-
328
279
  /*--------------
329
280
  Sizes
330
281
  ---------------*/
@@ -332,15 +283,19 @@
332
283
  .ui.small.message {
333
284
  font-size: 0.875em;
334
285
  }
286
+
335
287
  .ui.message {
336
288
  font-size: 1em;
337
289
  }
290
+
338
291
  .ui.large.message {
339
292
  font-size: 1.125em;
340
293
  }
294
+
341
295
  .ui.huge.message {
342
296
  font-size: 1.5em;
343
297
  }
298
+
344
299
  .ui.massive.message {
345
300
  font-size: 2em;
346
301
  }
@@ -14,96 +14,105 @@
14
14
  *******************************/
15
15
 
16
16
  /* Prototype */
17
+
17
18
  .ui.table {
18
19
  width: 100%;
19
20
  border-collapse: collapse;
20
21
  }
21
22
 
22
23
  /* Table Content */
24
+
23
25
  .ui.table th,
24
26
  .ui.table tr,
25
27
  .ui.table td {
26
28
  border-collapse: collapse;
27
-
28
29
  -webkit-box-sizing: border-box;
29
30
  -moz-box-sizing: border-box;
30
31
  -ms-box-sizing: border-box;
31
32
  box-sizing: border-box;
32
-
33
33
  -webkit-transition: all 0.1s ease-out;
34
- -moz-transition: all 0.1s ease-out;
35
- -o-transition: all 0.1s ease-out;
36
- -ms-transition: all 0.1s ease-out;
37
34
  transition: all 0.1s ease-out;
38
35
  }
39
36
 
40
37
  /* Headers */
38
+
41
39
  .ui.table thead {
42
40
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
43
41
  }
42
+
44
43
  .ui.table tfoot th {
45
44
  background-color: rgba(0, 0, 0, 0.03);
46
45
  }
46
+
47
47
  .ui.table th {
48
48
  cursor: auto;
49
-
50
49
  background-color: rgba(0, 0, 0, 0.05);
51
-
52
50
  text-align: left;
53
51
  color: rgba(0, 0, 0, 0.8);
54
52
  padding: 0.5em 0.7em;
55
53
  vertical-align: middle;
56
54
  }
55
+
57
56
  .ui.table thead th:first-child {
58
57
  border-radius: 5px 0px 0px 0px;
59
58
  }
59
+
60
60
  .ui.table thead th:last-child {
61
61
  border-radius: 0px 5px 0px 0px;
62
62
  }
63
+
63
64
  .ui.table tfoot th:first-child {
64
65
  border-radius: 0px 0px 0px 5px;
65
66
  }
67
+
66
68
  .ui.table tfoot th:last-child {
67
69
  border-radius: 0px 0px 5px 0px;
68
70
  }
69
71
 
70
72
  /* Table Cells */
73
+
71
74
  .ui.table td {
72
75
  padding: 0.40em 0.7em;
73
76
  vertical-align: middle;
74
77
  }
75
78
 
76
79
  /* Footer */
80
+
77
81
  .ui.table tfoot {
78
82
  border-top: 1px solid rgba(0, 0, 0, 0.03);
79
83
  }
84
+
80
85
  .ui.table tfoot th {
81
86
  font-weight: normal;
82
87
  font-style: italic;
83
88
  }
84
89
 
85
90
  /* Table Striping */
91
+
86
92
  .ui.table tbody tr:nth-child(2n) {
87
93
  background-color: rgba(0, 0, 50, 0.02);
88
94
  }
89
95
 
90
96
  /* Icons */
97
+
91
98
  .ui.table > .icon {
92
99
  vertical-align: baseline;
93
100
  }
101
+
94
102
  .ui.table > .icon:only-child {
95
103
  margin: 0em;
96
104
  }
97
105
 
98
106
  /* Table Segment */
107
+
99
108
  .ui.table.segment:after {
100
109
  display: none;
101
110
  }
111
+
102
112
  .ui.table.segment.stacked:after {
103
113
  display: block;
104
114
  }
105
115
 
106
-
107
116
  /* Responsive */
108
117
 
109
118
  @media only screen and (max-width : 768px) {
@@ -111,13 +120,16 @@
111
120
  display: block;
112
121
  padding: 0em;
113
122
  }
123
+
114
124
  .ui.table thead,
115
125
  .ui.table tfoot {
116
126
  display: none;
117
127
  }
128
+
118
129
  .ui.table tbody {
119
130
  display: block;
120
131
  }
132
+
121
133
  .ui.table tr {
122
134
  display: block;
123
135
  }
@@ -127,18 +139,23 @@
127
139
  display: block;
128
140
  border: none !important;
129
141
  padding: 0.25em 0.75em;
142
+ -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) !important;
130
143
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) !important;
131
144
  }
145
+
132
146
  .ui.table td:first-child {
133
147
  font-weight: bold;
134
148
  padding-top: 1em;
135
149
  }
150
+
136
151
  .ui.table td:last-child {
152
+ -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
137
153
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
138
154
  padding-bottom: 1em;
139
155
  }
140
156
 
141
157
  /* Clear BG Colors */
158
+
142
159
  .ui.table tr > td.warning,
143
160
  .ui.table tr > td.error,
144
161
  .ui.table tr > td.active,
@@ -148,8 +165,6 @@
148
165
  }
149
166
  }
150
167
 
151
-
152
-
153
168
  /*******************************
154
169
  States
155
170
  *******************************/
@@ -159,6 +174,7 @@
159
174
  ---------------*/
160
175
 
161
176
  /* Sortable */
177
+
162
178
  .ui.sortable.table th.disabled:hover {
163
179
  cursor: auto;
164
180
  text-align: left;
@@ -166,18 +182,19 @@
166
182
  color: #333333;
167
183
  color: rgba(0, 0, 0, 0.8);
168
184
  }
185
+
169
186
  .ui.sortable.table thead th:hover {
170
187
  background-color: rgba(0, 0, 0, 0.13);
171
188
  color: rgba(0, 0, 0, 0.8);
172
189
  }
173
190
 
174
191
  /* Inverted Sortable */
192
+
175
193
  .ui.inverted.sortable.table thead th:hover {
176
194
  background-color: rgba(255, 255, 255, 0.13);
177
195
  color: rgba(255, 255, 255, 1);
178
196
  }
179
197
 
180
-
181
198
  /*--------------
182
199
  Positive
183
200
  ---------------*/
@@ -185,14 +202,15 @@
185
202
  .ui.table tr.positive,
186
203
  .ui.table td.positive {
187
204
  -webkit-box-shadow: 2px 0px 0px #119000 inset;
188
- -moz-box-shadow: 2px 0px 0px #119000 inset;
189
205
  box-shadow: 2px 0px 0px #119000 inset;
190
206
  }
207
+
191
208
  .ui.table tr.positive td,
192
209
  .ui.table td.positive {
193
210
  background-color: #F2F8F0 !important;
194
211
  color: #119000 !important;
195
212
  }
213
+
196
214
  .ui.celled.table tr.positive:hover td,
197
215
  .ui.celled.table tr:hover td.positive,
198
216
  .ui.table tr.positive:hover td,
@@ -209,14 +227,15 @@
209
227
  .ui.table tr.negative,
210
228
  .ui.table td.negative {
211
229
  -webkit-box-shadow: 2px 0px 0px #CD2929 inset;
212
- -moz-box-shadow: 2px 0px 0px #CD2929 inset;
213
230
  box-shadow: 2px 0px 0px #CD2929 inset;
214
231
  }
232
+
215
233
  .ui.table tr.negative td,
216
234
  .ui.table td.negative {
217
235
  background-color: #F9F4F4;
218
236
  color: #CD2929 !important;
219
237
  }
238
+
220
239
  .ui.celled.table tr.negative:hover td,
221
240
  .ui.celled.table tr:hover td.negative,
222
241
  .ui.table tr.negative:hover td,
@@ -233,15 +252,16 @@
233
252
  .ui.table tr.error,
234
253
  .ui.table td.error {
235
254
  -webkit-box-shadow: 2px 0px 0px #CD2929 inset;
236
- -moz-box-shadow: 2px 0px 0px #CD2929 inset;
237
255
  box-shadow: 2px 0px 0px #CD2929 inset;
238
256
  }
257
+
239
258
  .ui.table tr.error td,
240
259
  .ui.table td.error,
241
260
  .ui.table th.error {
242
261
  background-color: #F9F4F4;
243
262
  color: #CD2929;
244
263
  }
264
+
245
265
  .ui.celled.table tr.error:hover td,
246
266
  .ui.celled.table tr:hover td.error,
247
267
  .ui.table tr.error:hover td,
@@ -258,15 +278,16 @@
258
278
  .ui.table tr.warning,
259
279
  .ui.table td.warning {
260
280
  -webkit-box-shadow: 2px 0px 0px #7D6C00 inset;
261
- -moz-box-shadow: 2px 0px 0px #7D6C00 inset;
262
281
  box-shadow: 2px 0px 0px #7D6C00 inset;
263
282
  }
283
+
264
284
  .ui.table tr.warning td,
265
285
  .ui.table td.warning,
266
286
  .ui.table th.warning {
267
287
  background-color: #FBF6E9;
268
288
  color: #7D6C00;
269
289
  }
290
+
270
291
  .ui.celled.table tr.warning:hover td,
271
292
  .ui.celled.table tr:hover td.warning,
272
293
  .ui.table tr.warning:hover td,
@@ -276,7 +297,6 @@
276
297
  color: #7D6C00;
277
298
  }
278
299
 
279
-
280
300
  /*--------------
281
301
  Active
282
302
  ---------------*/
@@ -284,7 +304,6 @@
284
304
  .ui.table tr.active,
285
305
  .ui.table td.active {
286
306
  -webkit-box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.9) inset;
287
- -moz-box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.9) inset;
288
307
  box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.9) inset;
289
308
  }
290
309
 
@@ -317,116 +336,145 @@
317
336
  .ui.two.column.table td {
318
337
  width: 50%;
319
338
  }
339
+
320
340
  .ui.three.column.table td {
321
341
  width: 33.3333%;
322
342
  }
343
+
323
344
  .ui.four.column.table td {
324
345
  width: 25%;
325
346
  }
347
+
326
348
  .ui.five.column.table td {
327
349
  width: 20%;
328
350
  }
351
+
329
352
  .ui.six.column.table td {
330
353
  width: 16.66667%;
331
354
  }
355
+
332
356
  .ui.seven.column.table td {
333
357
  width: 14.2857%;
334
358
  }
359
+
335
360
  .ui.eight.column.table td {
336
361
  width: 12.5%;
337
362
  }
363
+
338
364
  .ui.nine.column.table td {
339
365
  width: 11.1111%;
340
366
  }
367
+
341
368
  .ui.ten.column.table td {
342
369
  width: 10%;
343
370
  }
371
+
344
372
  .ui.eleven.column.table td {
345
373
  width: 9.0909%;
346
374
  }
375
+
347
376
  .ui.twelve.column.table td {
348
377
  width: 8.3333%;
349
378
  }
379
+
350
380
  .ui.thirteen.column.table td {
351
381
  width: 7.6923%;
352
382
  }
383
+
353
384
  .ui.fourteen.column.table td {
354
385
  width: 7.1428%;
355
386
  }
387
+
356
388
  .ui.fifteen.column.table td {
357
389
  width: 6.6666%;
358
390
  }
391
+
359
392
  .ui.sixteen.column.table td {
360
393
  width: 6.25%;
361
394
  }
362
395
 
363
396
  /* Column Width */
397
+
364
398
  .ui.table th.one.wide,
365
399
  .ui.table td.one.wide {
366
400
  width: 6.25%;
367
401
  }
402
+
368
403
  .ui.table th.two.wide,
369
404
  .ui.table td.two.wide {
370
405
  width: 12.5%;
371
406
  }
407
+
372
408
  .ui.table th.three.wide,
373
409
  .ui.table td.three.wide {
374
410
  width: 18.75%;
375
411
  }
412
+
376
413
  .ui.table th.four.wide,
377
414
  .ui.table td.four.wide {
378
415
  width: 25%;
379
416
  }
417
+
380
418
  .ui.table th.five.wide,
381
419
  .ui.table td.five.wide {
382
420
  width: 31.25%;
383
421
  }
422
+
384
423
  .ui.table th.six.wide,
385
424
  .ui.table td.six.wide {
386
425
  width: 37.5%;
387
426
  }
427
+
388
428
  .ui.table th.seven.wide,
389
429
  .ui.table td.seven.wide {
390
430
  width: 43.75%;
391
431
  }
432
+
392
433
  .ui.table th.eight.wide,
393
434
  .ui.table td.eight.wide {
394
435
  width: 50%;
395
436
  }
437
+
396
438
  .ui.table th.nine.wide,
397
439
  .ui.table td.nine.wide {
398
440
  width: 56.25%;
399
441
  }
442
+
400
443
  .ui.table th.ten.wide,
401
444
  .ui.table td.ten.wide {
402
445
  width: 62.5%;
403
446
  }
447
+
404
448
  .ui.table th.eleven.wide,
405
449
  .ui.table td.eleven.wide {
406
450
  width: 68.75%;
407
451
  }
452
+
408
453
  .ui.table th.twelve.wide,
409
454
  .ui.table td.twelve.wide {
410
455
  width: 75%;
411
456
  }
457
+
412
458
  .ui.table th.thirteen.wide,
413
459
  .ui.table td.thirteen.wide {
414
460
  width: 81.25%;
415
461
  }
462
+
416
463
  .ui.table th.fourteen.wide,
417
464
  .ui.table td.fourteen.wide {
418
465
  width: 87.5%;
419
466
  }
467
+
420
468
  .ui.table th.fifteen.wide,
421
469
  .ui.table td.fifteen.wide {
422
470
  width: 93.75%;
423
471
  }
472
+
424
473
  .ui.table th.sixteen.wide,
425
474
  .ui.table td.sixteen.wide {
426
475
  width: 100%;
427
476
  }
428
477
 
429
-
430
478
  /*--------------
431
479
  Celled
432
480
  ---------------*/
@@ -434,20 +482,24 @@
434
482
  .ui.celled.table {
435
483
  color: rgba(0, 0, 0, 0.8);
436
484
  }
485
+
437
486
  .ui.celled.table tbody tr,
438
487
  .ui.celled.table tfoot tr {
439
488
  border: none;
440
489
  }
490
+
441
491
  .ui.celled.table th,
442
492
  .ui.celled.table td {
443
493
  border: 1px solid rgba(0, 0, 0, 0.1);
444
494
  }
445
495
 
446
496
  /* Coupling with segment */
497
+
447
498
  .ui.celled.table.segment th:first-child,
448
499
  .ui.celled.table.segment td:first-child {
449
500
  border-left: none;
450
501
  }
502
+
451
503
  .ui.celled.table.segment th:last-child,
452
504
  .ui.celled.table.segment td:last-child {
453
505
  border-right: none;
@@ -461,6 +513,7 @@
461
513
  cursor: pointer;
462
514
  white-space: nowrap;
463
515
  }
516
+
464
517
  .ui.sortable.table thead th.sorted,
465
518
  .ui.sortable.table thead th.sorted:hover {
466
519
  -webkit-user-select: none;
@@ -474,17 +527,17 @@
474
527
  content: '';
475
528
  width: 1em;
476
529
  opacity: 0.8;
477
-
478
530
  margin: 0em 0em 0em 0.5em;
479
-
480
531
  font-family: 'Icons';
481
532
  font-style: normal;
482
533
  font-weight: normal;
483
534
  text-decoration: inherit;
484
535
  }
536
+
485
537
  .ui.sortable.table thead th.ascending:after {
486
538
  content: '\25b4';
487
539
  }
540
+
488
541
  .ui.sortable.table thead th.descending:after {
489
542
  content: '\25be';
490
543
  }
@@ -494,20 +547,22 @@
494
547
  ---------------*/
495
548
 
496
549
  /* Text Color */
550
+
497
551
  .ui.inverted.table td {
498
552
  color: rgba(255, 255, 255, 0.9);
499
553
  }
554
+
500
555
  .ui.inverted.table th {
501
556
  background-color: rgba(0, 0, 0, 0.15);
502
557
  color: rgba(255, 255, 255, 0.9);
503
558
  }
504
559
 
505
560
  /* Stripes */
561
+
506
562
  .ui.inverted.table tbody tr:nth-child(2n) {
507
563
  background-color: rgba(255, 255, 255, 0.06);
508
564
  }
509
565
 
510
-
511
566
  /*--------------
512
567
  Definition
513
568
  ---------------*/
@@ -516,7 +571,6 @@
516
571
  font-weight: bold;
517
572
  }
518
573
 
519
-
520
574
  /*--------------
521
575
  Collapsing
522
576
  ---------------*/
@@ -533,17 +587,19 @@
533
587
  background-color: transparent;
534
588
  padding: 0.5em;
535
589
  }
590
+
536
591
  .ui.basic.table tbody tr {
537
592
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
538
593
  }
594
+
539
595
  .ui.basic.table td {
540
596
  padding: 0.8em 0.5em;
541
597
  }
598
+
542
599
  .ui.basic.table tbody tr:nth-child(2n) {
543
600
  background-color: transparent !important;
544
601
  }
545
602
 
546
-
547
603
  /*--------------
548
604
  Padded
549
605
  ---------------*/
@@ -556,6 +612,7 @@
556
612
  .ui.compact.table th {
557
613
  padding: 0.3em 0.5em;
558
614
  }
615
+
559
616
  .ui.compact.table td {
560
617
  padding: 0.2em 0.5em;
561
618
  }
@@ -565,16 +622,19 @@
565
622
  ---------------*/
566
623
 
567
624
  /* Small */
625
+
568
626
  .ui.small.table {
569
627
  font-size: 0.875em;
570
628
  }
571
629
 
572
630
  /* Standard */
631
+
573
632
  .ui.table {
574
633
  font-size: 1em;
575
634
  }
576
635
 
577
636
  /* Large */
637
+
578
638
  .ui.large.table {
579
639
  font-size: 1.1em;
580
640
  }