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
data/app/assets/stylesheets/semantic-ui/modules/_popup.scss CHANGED
@@ -7,249 +7,245 @@
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
10
- */
11
-
10
+ */
11
+
12
12
  /*******************************
13
13
  Popup
14
- *******************************/
15
-
16
- .ui.popup {
17
- display: none;
18
- position: absolute;
19
- top: 0px;
20
- right: 0px;
21
- z-index: 900;
22
-
23
- border: 1px solid rgba(0, 0, 0, 0.1);
24
- max-width: 250px;
25
- background-color: #FFFFFF;
26
-
27
- padding: 0.8em 1.2em;
28
- font-size: 0.875rem;
29
- font-weight: normal;
30
- font-style: normal;
31
- color: rgba(0, 0, 0, 0.7);
32
-
33
- -webkit-border-radius: 0.2em;
34
- -moz-border-radius: 0.2em;
35
- border-radius: 0.2em;
36
-
37
- -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
38
- -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
39
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
40
- }
41
- .ui.popup .header {
42
- padding: 0em 0em 0.5em;
43
-
44
- font-size: 1.125em;
45
- line-height: 1.2;
46
- font-weight: bold;
47
- }
48
-
49
- .ui.popup:before {
50
- position: absolute;
51
- content: "";
52
- width: 0.75em;
53
- height: 0.75rem;
54
-
55
- background-image: none;
56
- background-color: #FFFFFF;
57
-
58
- -webkit-transform: rotate(45deg);
59
- -moz-transform: rotate(45deg);
60
- transform: rotate(45deg);
61
-
62
- z-index: 2;
63
-
64
- -webkit-box-sizing: border-box;
65
- -moz-box-sizing: border-box;
66
- -ms-box-sizing: border-box;
67
- box-sizing: border-box;
68
-
69
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
70
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
71
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
72
- }
73
-
74
- .ui.popup .ui.button {
75
- width: 100%;
76
- }
77
-
14
+ *******************************/
15
+
16
+ .ui.popup {
17
+ display: none;
18
+ position: absolute;
19
+ top: 0px;
20
+ right: 0px;
21
+ z-index: 900;
22
+ border: 1px solid rgba(0, 0, 0, 0.1);
23
+ max-width: 250px;
24
+ background-color: #FFFFFF;
25
+ padding: 0.8em 1.2em;
26
+ font-size: 0.875rem;
27
+ font-weight: normal;
28
+ font-style: normal;
29
+ color: rgba(0, 0, 0, 0.7);
30
+ border-radius: 0.2em;
31
+ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
32
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
33
+ }
34
+
35
+ .ui.popup .header {
36
+ padding: 0em 0em 0.5em;
37
+ font-size: 1.125em;
38
+ line-height: 1.2;
39
+ font-weight: bold;
40
+ }
41
+
42
+ .ui.popup:before {
43
+ position: absolute;
44
+ content: "";
45
+ width: 0.75em;
46
+ height: 0.75rem;
47
+ background-image: none;
48
+ background-color: #FFFFFF;
49
+ -webkit-transform: rotate(45deg);
50
+ -ms-transform: rotate(45deg);
51
+ transform: rotate(45deg);
52
+ z-index: 2;
53
+ -webkit-box-sizing: border-box;
54
+ -moz-box-sizing: border-box;
55
+ -ms-box-sizing: border-box;
56
+ box-sizing: border-box;
57
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
58
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
59
+ }
60
+
61
+ .ui.popup .ui.button {
62
+ width: 100%;
63
+ }
64
+
78
65
  /*******************************
79
66
  Types
80
- *******************************/
81
-
67
+ *******************************/
68
+
82
69
  /*--------------
83
70
  Spacing
84
- ---------------*/
85
-
86
- .ui.popup {
87
- margin: 0em;
88
- }
89
- .ui.popup.bottom {
90
- margin: 0.75em 0em 0em;
91
- }
92
- .ui.popup.top {
93
- margin: 0em 0em 0.75em;
94
- }
95
- .ui.popup.left.center {
96
- margin: 0em 0.75em 0em 0em;
97
- }
98
- .ui.popup.right.center {
99
- margin: 0em 0em 0em 0.75em;
100
- }
101
- .ui.popup.center {
102
- margin-left: -1.25em;
103
- }
104
-
71
+ ---------------*/
72
+
73
+ .ui.popup {
74
+ margin: 0em;
75
+ }
76
+
77
+ .ui.popup.bottom {
78
+ margin: 0.75em 0em 0em;
79
+ }
80
+
81
+ .ui.popup.top {
82
+ margin: 0em 0em 0.75em;
83
+ }
84
+
85
+ .ui.popup.left.center {
86
+ margin: 0em 0.75em 0em 0em;
87
+ }
88
+
89
+ .ui.popup.right.center {
90
+ margin: 0em 0em 0em 0.75em;
91
+ }
92
+
93
+ .ui.popup.center {
94
+ margin-left: -1.25em;
95
+ }
96
+
105
97
  /*--------------
106
98
  Pointer
107
- ---------------*/
108
-
109
- /*--- Below ---*/
110
- .ui.bottom.center.popup:before {
111
- margin-left: -0.4em;
112
- top: -0.4em;
113
- left: 50%;
114
- right: auto;
115
- bottom: auto;
116
- -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
117
- -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
118
- box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
119
- }
120
-
121
- .ui.bottom.left.popup {
122
- margin-right: -2em;
123
- }
124
- .ui.bottom.left.popup:before {
125
- top: -0.4em;
126
- right: 1em;
127
- bottom: auto;
128
- left: auto;
129
- margin-left: 0em;
130
- -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
131
- -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
132
- box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
133
- }
134
-
135
- .ui.bottom.right.popup {
136
- margin-left: -2em;
137
- }
138
- .ui.bottom.right.popup:before {
139
- top: -0.4em;
140
- left: 1em;
141
- right: auto;
142
- bottom: auto;
143
- margin-left: 0em;
144
- -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
145
- -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
146
- box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
147
- }
148
-
149
- /*--- Above ---*/
150
- .ui.top.center.popup:before {
151
- top: auto;
152
- right: auto;
153
- bottom: -0.4em;
154
- left: 50%;
155
- margin-left: -0.4em;
156
- }
157
- .ui.top.left.popup {
158
- margin-right: -2em;
159
- }
160
- .ui.top.left.popup:before {
161
- bottom: -0.4em;
162
- right: 1em;
163
- top: auto;
164
- left: auto;
165
- margin-left: 0em;
166
- }
167
- .ui.top.right.popup {
168
- margin-left: -2em;
169
- }
170
- .ui.top.right.popup:before {
171
- bottom: -0.4em;
172
- left: 1em;
173
- top: auto;
174
- right: auto;
175
- margin-left: 0em;
176
- }
177
-
178
- /*--- Left Center ---*/
179
- .ui.left.center.popup:before {
180
- top: 50%;
181
- right: -0.35em;
182
- bottom: auto;
183
- left: auto;
184
- margin-top: -0.4em;
185
- -moz-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
186
- -webkit-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
187
- box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
188
- }
189
-
190
- /*--- Right Center ---*/
191
- .ui.right.center.popup:before {
192
- top: 50%;
193
- left: -0.35em;
194
- bottom: auto;
195
- right: auto;
196
- margin-top: -0.4em;
197
- -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
198
- -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
199
- box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
200
- }
201
-
99
+ ---------------*/
100
+
101
+ /*--- Below ---*/
102
+
103
+ .ui.bottom.center.popup:before {
104
+ margin-left: -0.4em;
105
+ top: -0.4em;
106
+ left: 50%;
107
+ right: auto;
108
+ bottom: auto;
109
+ -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
110
+ box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
111
+ }
112
+
113
+ .ui.bottom.left.popup {
114
+ margin-right: -2em;
115
+ }
116
+
117
+ .ui.bottom.left.popup:before {
118
+ top: -0.4em;
119
+ right: 1em;
120
+ bottom: auto;
121
+ left: auto;
122
+ margin-left: 0em;
123
+ -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
124
+ box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
125
+ }
126
+
127
+ .ui.bottom.right.popup {
128
+ margin-left: -2em;
129
+ }
130
+
131
+ .ui.bottom.right.popup:before {
132
+ top: -0.4em;
133
+ left: 1em;
134
+ right: auto;
135
+ bottom: auto;
136
+ margin-left: 0em;
137
+ -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
138
+ box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
139
+ }
140
+
141
+ /*--- Above ---*/
142
+
143
+ .ui.top.center.popup:before {
144
+ top: auto;
145
+ right: auto;
146
+ bottom: -0.4em;
147
+ left: 50%;
148
+ margin-left: -0.4em;
149
+ }
150
+
151
+ .ui.top.left.popup {
152
+ margin-right: -2em;
153
+ }
154
+
155
+ .ui.top.left.popup:before {
156
+ bottom: -0.4em;
157
+ right: 1em;
158
+ top: auto;
159
+ left: auto;
160
+ margin-left: 0em;
161
+ }
162
+
163
+ .ui.top.right.popup {
164
+ margin-left: -2em;
165
+ }
166
+
167
+ .ui.top.right.popup:before {
168
+ bottom: -0.4em;
169
+ left: 1em;
170
+ top: auto;
171
+ right: auto;
172
+ margin-left: 0em;
173
+ }
174
+
175
+ /*--- Left Center ---*/
176
+
177
+ .ui.left.center.popup:before {
178
+ top: 50%;
179
+ right: -0.35em;
180
+ bottom: auto;
181
+ left: auto;
182
+ margin-top: -0.4em;
183
+ -webkit-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
184
+ box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
185
+ }
186
+
187
+ /*--- Right Center ---*/
188
+
189
+ .ui.right.center.popup:before {
190
+ top: 50%;
191
+ left: -0.35em;
192
+ bottom: auto;
193
+ right: auto;
194
+ margin-top: -0.4em;
195
+ -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
196
+ box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
197
+ }
198
+
202
199
  /*******************************
203
200
  States
204
- *******************************/
205
-
206
- .ui.loading.popup {
207
- display: block;
208
- visibility: hidden;
209
- }
210
- .ui.active.popup {
211
- display: block;
212
- }
213
-
214
-
201
+ *******************************/
202
+
203
+ .ui.loading.popup {
204
+ display: block;
205
+ visibility: hidden;
206
+ }
207
+
208
+ .ui.active.popup {
209
+ display: block;
210
+ }
211
+
215
212
  /*******************************
216
213
  Variations
217
- *******************************/
218
-
214
+ *******************************/
215
+
219
216
  /*--------------
220
217
  Size
221
- ---------------*/
222
-
223
- .ui.small.popup {
224
- font-size: 0.75rem;
225
- }
226
- .ui.large.popup {
227
- font-size: 1rem;
228
- }
229
-
230
-
218
+ ---------------*/
219
+
220
+ .ui.small.popup {
221
+ font-size: 0.75rem;
222
+ }
223
+
224
+ .ui.large.popup {
225
+ font-size: 1rem;
226
+ }
227
+
231
228
  /*--------------
232
229
  Colors
233
- ---------------*/
234
-
235
- /* Inverted colors */
236
- .ui.inverted.popup {
237
- background-color: #333333;
238
- border: none;
239
- color: #FFFFFF;
240
-
241
- -webkit-box-shadow: none;
242
- -moz-box-shadow: none;
243
- box-shadow: none;
244
- }
245
- .ui.inverted.popup .header {
246
- background-color: rgba(0, 0, 0, 0.2);
247
- color: #FFFFFF;
248
- }
249
- .ui.inverted.popup:before {
250
- background-color: #333333;
251
-
252
- -webkit-box-shadow: none;
253
- -moz-box-shadow: none;
254
- box-shadow: none;
255
- }
230
+ ---------------*/
231
+
232
+ /* Inverted colors */
233
+
234
+ .ui.inverted.popup {
235
+ background-color: #333333;
236
+ border: none;
237
+ color: #FFFFFF;
238
+ -webkit-box-shadow: none;
239
+ box-shadow: none;
240
+ }
241
+
242
+ .ui.inverted.popup .header {
243
+ background-color: rgba(0, 0, 0, 0.2);
244
+ color: #FFFFFF;
245
+ }
246
+
247
+ .ui.inverted.popup:before {
248
+ background-color: #333333;
249
+ -webkit-box-shadow: none;
250
+ box-shadow: none;
251
+ }