semantic-ui-sass 1.12.3.0 → 2.0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui.js +1 -0
  4. data/app/assets/javascripts/semantic-ui/accordion.js +67 -53
  5. data/app/assets/javascripts/semantic-ui/api.js +395 -189
  6. data/app/assets/javascripts/semantic-ui/checkbox.js +322 -114
  7. data/app/assets/javascripts/semantic-ui/colorize.js +4 -2
  8. data/app/assets/javascripts/semantic-ui/dimmer.js +74 -50
  9. data/app/assets/javascripts/semantic-ui/dropdown.js +2046 -584
  10. data/app/assets/javascripts/semantic-ui/embed.js +662 -0
  11. data/app/assets/javascripts/semantic-ui/form.js +345 -163
  12. data/app/assets/javascripts/semantic-ui/modal.js +119 -90
  13. data/app/assets/javascripts/semantic-ui/nag.js +8 -9
  14. data/app/assets/javascripts/semantic-ui/popup.js +390 -228
  15. data/app/assets/javascripts/semantic-ui/progress.js +112 -103
  16. data/app/assets/javascripts/semantic-ui/rating.js +79 -55
  17. data/app/assets/javascripts/semantic-ui/search.js +305 -123
  18. data/app/assets/javascripts/semantic-ui/shape.js +94 -48
  19. data/app/assets/javascripts/semantic-ui/sidebar.js +84 -151
  20. data/app/assets/javascripts/semantic-ui/site.js +5 -5
  21. data/app/assets/javascripts/semantic-ui/state.js +4 -4
  22. data/app/assets/javascripts/semantic-ui/sticky.js +108 -35
  23. data/app/assets/javascripts/semantic-ui/tab.js +220 -125
  24. data/app/assets/javascripts/semantic-ui/transition.js +205 -171
  25. data/app/assets/javascripts/semantic-ui/visibility.js +220 -100
  26. data/app/assets/javascripts/semantic-ui/visit.js +6 -4
  27. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +17 -16
  28. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +223 -121
  29. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +462 -448
  30. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +949 -665
  31. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +134 -92
  32. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +270 -208
  33. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +1 -0
  34. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1357 -521
  35. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +125 -0
  36. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +51 -31
  37. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +3 -3
  38. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +270 -144
  39. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +241 -110
  40. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +30 -16
  41. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +88 -53
  42. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +432 -281
  43. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +172 -128
  44. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +16 -14
  45. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +15 -7
  46. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +32 -13
  47. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +329 -212
  48. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +291 -99
  49. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +2 -2
  50. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +19 -18
  51. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +17 -18
  52. data/app/assets/stylesheets/semantic-ui/modules/_all.scss +1 -0
  53. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +265 -161
  54. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +29 -15
  55. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +441 -156
  56. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +168 -0
  57. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +163 -85
  58. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +8 -8
  59. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +88 -23
  60. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +185 -129
  61. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +75 -60
  62. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +99 -52
  63. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +11 -11
  64. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +16 -12
  65. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +4 -4
  66. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
  67. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +31 -39
  68. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +3 -3
  69. data/app/assets/stylesheets/semantic-ui/views/_all.scss +1 -0
  70. data/app/assets/stylesheets/semantic-ui/views/_card.scss +204 -162
  71. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +6 -6
  72. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +51 -26
  73. data/app/assets/stylesheets/semantic-ui/views/_item.scss +62 -36
  74. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +265 -90
  75. data/lib/semantic/ui/sass/version.rb +2 -2
  76. data/semantic-ui-sass.gemspec +2 -2
  77. metadata +9 -6
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * # Semantic UI 1.12.3 - Comment
2
+ * # Semantic UI 2.0.4 - Comment
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2014 Contributorss
6
+ * Copyright 2015 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -106,14 +106,14 @@
106
106
 
107
107
  .ui.comments .comment .author {
108
108
  font-size: 1em;
109
- color: rgba(0, 0, 0, 0.8);
109
+ color: rgba(0, 0, 0, 0.87);
110
110
  font-weight: bold;
111
111
  }
112
112
  .ui.comments .comment a.author {
113
113
  cursor: pointer;
114
114
  }
115
115
  .ui.comments .comment a.author:hover {
116
- color: #00b2f3;
116
+ color: #1e70bf;
117
117
  }
118
118
 
119
119
  /*--------------
@@ -142,7 +142,7 @@
142
142
  margin: 0.25em 0em 0.5em;
143
143
  font-size: 1em;
144
144
  word-wrap: break-word;
145
- color: rgba(0, 0, 0, 0.8);
145
+ color: rgba(0, 0, 0, 0.87);
146
146
  line-height: 1.3;
147
147
  }
148
148
 
@@ -207,7 +207,7 @@
207
207
  .ui.threaded.comments .comment .comments {
208
208
  margin: -1.5em 0 -1em 1.25em;
209
209
  padding: 3em 0em 2em 2.25em;
210
- box-shadow: -1px 0px 0px rgba(39, 41, 43, 0.15);
210
+ box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15);
211
211
  }
212
212
 
213
213
  /*--------------------
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * # Semantic UI 1.12.3 - Feed
2
+ * # Semantic UI 2.0.4 - Feed
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2014 Contributorss
6
+ * Copyright 2015 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -21,7 +21,7 @@
21
21
  margin-top: 0em;
22
22
  }
23
23
  .ui.feed:last-child {
24
- margin-top: 0em;
24
+ margin-bottom: 0em;
25
25
  }
26
26
 
27
27
 
@@ -32,9 +32,17 @@
32
32
 
33
33
  /* Event */
34
34
  .ui.feed > .event {
35
- display: table;
35
+ display: -webkit-box;
36
+ display: -webkit-flex;
37
+ display: -ms-flexbox;
38
+ display: flex;
39
+ -webkit-box-orient: horizontal;
40
+ -webkit-box-direction: normal;
41
+ -webkit-flex-direction: row;
42
+ -ms-flex-direction: row;
43
+ flex-direction: row;
36
44
  width: 100%;
37
- padding: 0.5rem 0em;
45
+ padding: 0.21428571rem 0em;
38
46
  margin: 0em;
39
47
  background: none;
40
48
  border-top: none;
@@ -49,10 +57,16 @@
49
57
 
50
58
  /* Event Label */
51
59
  .ui.feed > .event > .label {
52
- display: table-cell;
60
+ display: block;
61
+ -webkit-box-flex: 0;
62
+ -webkit-flex: 0 0 auto;
63
+ -ms-flex: 0 0 auto;
64
+ flex: 0 0 auto;
53
65
  width: 2.5em;
54
- height: 2.5em;
55
- vertical-align: top;
66
+ height: auto;
67
+ -webkit-align-self: stretch;
68
+ -ms-flex-item-align: stretch;
69
+ align-self: stretch;
56
70
  text-align: left;
57
71
  }
58
72
  .ui.feed > .event > .label .icon {
@@ -71,13 +85,24 @@
71
85
  border-radius: 500rem;
72
86
  }
73
87
  .ui.feed > .event > .label + .content {
74
- padding: 0.5em 0em 0.5em 1.25em;
88
+ margin: 0.5em 0em 0.35714286em 1.14285714em;
75
89
  }
76
90
 
91
+ /*--------------
92
+ Content
93
+ ---------------*/
94
+
95
+
77
96
  /* Content */
78
97
  .ui.feed > .event > .content {
79
- display: table-cell;
80
- vertical-align: top;
98
+ display: block;
99
+ -webkit-box-flex: 1;
100
+ -webkit-flex: 1 1 auto;
101
+ -ms-flex: 1 1 auto;
102
+ flex: 1 1 auto;
103
+ -webkit-align-self: stretch;
104
+ -ms-flex-item-align: stretch;
105
+ align-self: stretch;
81
106
  text-align: left;
82
107
  word-wrap: break-word;
83
108
  }
@@ -111,14 +136,14 @@
111
136
  margin: 0em;
112
137
  font-size: 1em;
113
138
  font-weight: bold;
114
- color: rgba(0, 0, 0, 0.8);
139
+ color: rgba(0, 0, 0, 0.87);
115
140
  }
116
141
 
117
142
  /* Summary Image */
118
143
  .ui.feed > .event > .content .summary img {
119
144
  display: inline-block;
120
145
  width: auto;
121
- height: 2em;
146
+ height: 10em;
122
147
  margin: -0.25em 0.25em 0em 0em;
123
148
  border-radius: 0.25em;
124
149
  vertical-align: middle;
@@ -137,7 +162,7 @@
137
162
  .ui.feed > .event > .content .user img {
138
163
  margin: -0.25em 0.25em 0em 0em;
139
164
  width: auto;
140
- height: 2em;
165
+ height: 10em;
141
166
  vertical-align: middle;
142
167
  }
143
168
 
@@ -151,7 +176,7 @@
151
176
  display: inline-block;
152
177
  float: none;
153
178
  font-weight: normal;
154
- font-size: 0.875em;
179
+ font-size: 0.85714286em;
155
180
  font-style: normal;
156
181
  margin: 0em 0em 0em 0.5em;
157
182
  padding: 0em;
@@ -166,7 +191,7 @@
166
191
  margin: 0.5em 0em 0em;
167
192
  background: none;
168
193
  padding: 0em;
169
- color: rgba(0, 0, 0, 0.8);
194
+ color: rgba(0, 0, 0, 0.87);
170
195
  }
171
196
 
172
197
  /* Images */
@@ -178,11 +203,11 @@
178
203
 
179
204
  /* Text */
180
205
  .ui.feed > .event > .content .extra.text {
181
- padding: 0.5em 1em;
182
- border-left: 3px solid rgba(0, 0, 0, 0.2);
206
+ padding: 0em;
207
+ border-left: none;
183
208
  font-size: 1em;
184
209
  max-width: 500px;
185
- line-height: 1.33;
210
+ line-height: 1.4285em;
186
211
  }
187
212
 
188
213
  /*--------------
@@ -191,7 +216,7 @@
191
216
 
192
217
  .ui.feed > .event > .content .meta {
193
218
  display: inline-block;
194
- font-size: 0.875em;
219
+ font-size: 0.85714286em;
195
220
  margin: 0.5em 0em 0em;
196
221
  background: none;
197
222
  border: none;
@@ -239,13 +264,13 @@
239
264
  cursor: pointer;
240
265
  opacity: 1;
241
266
  color: rgba(0, 0, 0, 0.5);
242
- -webkit-transition: color 0.2s ease;
243
- transition: color 0.2s ease;
267
+ -webkit-transition: color 0.1s ease;
268
+ transition: color 0.1s ease;
244
269
  }
245
270
  .ui.feed > .event > .content .meta a:hover,
246
271
  .ui.feed > .event > .content .meta a:hover .icon,
247
272
  .ui.feed > .event > .content .meta > .icon:hover {
248
- color: rgba(0, 0, 0, 0.8);
273
+ color: rgba(0, 0, 0, 0.95);
249
274
  }
250
275
 
251
276
 
@@ -254,13 +279,13 @@
254
279
  *******************************/
255
280
 
256
281
  .ui.small.feed {
257
- font-size: 0.9em;
282
+ font-size: 0.92857143rem;
258
283
  }
259
284
  .ui.feed {
260
- font-size: 1em;
285
+ font-size: 1rem;
261
286
  }
262
287
  .ui.large.feed {
263
- font-size: 1.1em;
288
+ font-size: 1.14285714rem;
264
289
  }
265
290
 
266
291
 
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * # Semantic UI 1.12.3 - Item
2
+ * # Semantic UI 2.0.4 - Item
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2014 Contributorss
6
+ * Copyright 2015 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -20,8 +20,10 @@
20
20
  ---------------*/
21
21
 
22
22
  .ui.items > .item {
23
- table-layout: fixed;
24
- display: table;
23
+ display: -webkit-box;
24
+ display: -webkit-flex;
25
+ display: -ms-flexbox;
26
+ display: flex;
25
27
  margin: 1em 0em;
26
28
  width: 100%;
27
29
  min-height: 0px;
@@ -30,8 +32,8 @@
30
32
  border: none;
31
33
  border-radius: 0rem;
32
34
  box-shadow: none;
33
- -webkit-transition: box-shadow 0.2s ease;
34
- transition: box-shadow 0.2s ease;
35
+ -webkit-transition: box-shadow 0.1s ease;
36
+ transition: box-shadow 0.1s ease;
35
37
  z-index: '';
36
38
  }
37
39
  .ui.items > .item a {
@@ -56,9 +58,6 @@
56
58
  Item
57
59
  ---------------*/
58
60
 
59
- .ui.items > .item {
60
- min-width: 100%;
61
- }
62
61
  .ui.items > .item:after {
63
62
  display: block;
64
63
  content: ' ';
@@ -80,12 +79,18 @@
80
79
 
81
80
  .ui.items > .item > .image {
82
81
  position: relative;
83
- display: table-cell;
82
+ -webkit-box-flex: 0;
83
+ -webkit-flex: 0 0 auto;
84
+ -ms-flex: 0 0 auto;
85
+ flex: 0 0 auto;
86
+ display: block;
84
87
  float: none;
85
88
  margin: 0em;
86
89
  padding: 0em;
87
90
  max-height: '';
88
- vertical-align: top;
91
+ -webkit-align-self: top;
92
+ -ms-flex-item-align: top;
93
+ align-self: top;
89
94
  }
90
95
  .ui.items > .item > .image > img {
91
96
  display: block;
@@ -104,6 +109,10 @@
104
109
 
105
110
  .ui.items > .item > .content {
106
111
  display: block;
112
+ -webkit-box-flex: 1;
113
+ -webkit-flex: 1 1 auto;
114
+ -ms-flex: 1 1 auto;
115
+ flex: 1 1 auto;
107
116
  background: none;
108
117
  margin: 0em;
109
118
  padding: 0em;
@@ -121,15 +130,18 @@
121
130
  visibility: hidden;
122
131
  }
123
132
  .ui.items > .item > .image + .content {
124
- width: 100%;
125
- display: table-cell;
133
+ min-width: 0;
134
+ width: auto;
135
+ display: block;
126
136
  margin-left: 0em;
127
- vertical-align: top;
137
+ -webkit-align-self: top;
138
+ -ms-flex-item-align: top;
139
+ align-self: top;
128
140
  padding-left: 1.5em;
129
141
  }
130
142
  .ui.items > .item > .content > .header {
131
- display: block;
132
- margin: -0.165em 0em 0em;
143
+ display: inline-block;
144
+ margin: -0.21425em 0em 0em;
133
145
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
134
146
  font-weight: bold;
135
147
  color: rgba(0, 0, 0, 0.85);
@@ -137,7 +149,7 @@
137
149
 
138
150
  /* Default Header Size */
139
151
  .ui.items > .item > .content > .header:not(.ui) {
140
- font-size: 1.2em;
152
+ font-size: 1.28571429em;
141
153
  }
142
154
 
143
155
  /*--------------
@@ -156,7 +168,9 @@
156
168
  ---------------*/
157
169
 
158
170
  .ui.items > .item .content img {
159
- vertical-align: middle;
171
+ -webkit-align-self: middle;
172
+ -ms-flex-item-align: middle;
173
+ align-self: middle;
160
174
  width: '';
161
175
  }
162
176
  .ui.items > .item img.avatar,
@@ -172,10 +186,10 @@
172
186
 
173
187
  .ui.items > .item > .content > .description {
174
188
  margin-top: 0.6em;
175
- max-width: 550px;
189
+ max-width: auto;
176
190
  font-size: 1em;
177
- line-height: 1.33;
178
- color: rgba(0, 0, 0, 0.8);
191
+ line-height: 1.4285em;
192
+ color: rgba(0, 0, 0, 0.87);
179
193
  }
180
194
 
181
195
  /*--------------
@@ -194,6 +208,7 @@
194
208
  ---------------*/
195
209
 
196
210
  .ui.items > .item .meta {
211
+ margin: 0.5em 0em 0.5em;
197
212
  font-size: 1em;
198
213
  line-height: 1em;
199
214
  color: rgba(0, 0, 0, 0.6);
@@ -217,8 +232,8 @@
217
232
  /* Generic */
218
233
  .ui.items > .item > .content a:not(.ui) {
219
234
  color: '';
220
- -webkit-transition: color 0.2s ease;
221
- transition: color 0.2s ease;
235
+ -webkit-transition: color 0.1s ease;
236
+ transition: color 0.1s ease;
222
237
  }
223
238
  .ui.items > .item > .content a:not(.ui):hover {
224
239
  color: '';
@@ -229,7 +244,7 @@
229
244
  color: rgba(0, 0, 0, 0.85);
230
245
  }
231
246
  .ui.items > .item > .content > a.header:hover {
232
- color: #00b2f3;
247
+ color: #1e70bf;
233
248
  }
234
249
 
235
250
  /* Meta */
@@ -237,7 +252,7 @@
237
252
  color: rgba(0, 0, 0, 0.4);
238
253
  }
239
254
  .ui.items > .item .meta > a:not(.ui):hover {
240
- color: rgba(0, 0, 0, 0.8);
255
+ color: rgba(0, 0, 0, 0.87);
241
256
  }
242
257
 
243
258
  /*--------------
@@ -252,8 +267,8 @@
252
267
  .ui.items > .item > .content .favorite.icon {
253
268
  cursor: pointer;
254
269
  opacity: 0.75;
255
- -webkit-transition: color 0.2s ease;
256
- transition: color 0.2s ease;
270
+ -webkit-transition: color 0.1s ease;
271
+ transition: color 0.1s ease;
257
272
  }
258
273
  .ui.items > .item > .content .favorite.icon:hover {
259
274
  opacity: 1;
@@ -270,8 +285,8 @@
270
285
  .ui.items > .item > .content .like.icon {
271
286
  cursor: pointer;
272
287
  opacity: 0.75;
273
- -webkit-transition: color 0.2s ease;
274
- transition: color 0.2s ease;
288
+ -webkit-transition: color 0.1s ease;
289
+ transition: color 0.1s ease;
275
290
  }
276
291
  .ui.items > .item > .content .like.icon:hover {
277
292
  opacity: 1;
@@ -296,8 +311,8 @@
296
311
  left: 0em;
297
312
  color: rgba(0, 0, 0, 0.4);
298
313
  box-shadow: none;
299
- -webkit-transition: color 0.2s ease;
300
- transition: color 0.2s ease;
314
+ -webkit-transition: color 0.1s ease;
315
+ transition: color 0.1s ease;
301
316
  border-top: none;
302
317
  }
303
318
  .ui.items > .item .extra > * {
@@ -343,6 +358,11 @@
343
358
  /* Mobily Only */
344
359
  @media only screen and (max-width: 767px) {
345
360
  .ui.items > .item {
361
+ -webkit-box-orient: vertical;
362
+ -webkit-box-direction: normal;
363
+ -webkit-flex-direction: column;
364
+ -ms-flex-direction: column;
365
+ flex-direction: column;
346
366
  margin: 2em 0em;
347
367
  }
348
368
  .ui.items > .item > .image {
@@ -373,13 +393,19 @@
373
393
  --------------------*/
374
394
 
375
395
  .ui.items > .item > .image + [class*="top aligned"].content {
376
- vertical-align: top;
396
+ -webkit-align-self: top;
397
+ -ms-flex-item-align: top;
398
+ align-self: top;
377
399
  }
378
400
  .ui.items > .item > .image + [class*="middle aligned"].content {
379
- vertical-align: middle;
401
+ -webkit-align-self: center;
402
+ -ms-flex-item-align: center;
403
+ align-self: center;
380
404
  }
381
405
  .ui.items > .item > .image + [class*="bottom aligned"].content {
382
- vertical-align: bottom;
406
+ -webkit-align-self: bottom;
407
+ -ms-flex-item-align: bottom;
408
+ align-self: bottom;
383
409
  }
384
410
 
385
411
  /*--------------
@@ -398,7 +424,7 @@
398
424
  --------------------*/
399
425
 
400
426
  .ui.divided.items > .item {
401
- border-top: 1px solid rgba(39, 41, 43, 0.15);
427
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
402
428
  margin: 0em;
403
429
  padding: 1em 0em;
404
430
  }
@@ -432,7 +458,7 @@
432
458
  }
433
459
  .ui.items a.item:hover .content .header,
434
460
  .ui.link.items > .item:hover .content .header {
435
- color: #00b2f3;
461
+ color: #1e70bf;
436
462
  }
437
463
 
438
464
  /*--------------