semantic-ui-sass 0.8.1.0 → 0.8.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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,23 +17,16 @@
17
17
  display: none;
18
18
  position: fixed;
19
19
  z-index: 1001;
20
-
21
20
  top: 50%;
22
21
  left: 50%;
23
22
  text-align: left;
24
-
25
23
  width: 90%;
26
24
  margin-left: -45%;
27
-
28
25
  background-color: #FFFFFF;
29
26
  border: 1px solid #DDDDDD;
30
-
31
- -webkit-border-radius: 5px;
32
- -moz-border-radius: 5px;
33
27
  border-radius: 5px;
34
28
  }
35
29
 
36
-
37
30
  /*******************************
38
31
  Content
39
32
  *******************************/
@@ -45,15 +38,13 @@
45
38
  .ui.modal > .close {
46
39
  cursor: pointer;
47
40
  position: absolute;
48
-
49
41
  opacity: 0.8;
50
-
51
42
  font-size: 1.25em;
52
43
  top: -1.75em;
53
44
  right: -1.75em;
54
-
55
45
  color: #FFFFFF;
56
46
  }
47
+
57
48
  .ui.modal > .close:hover {
58
49
  opacity: 1;
59
50
  }
@@ -65,12 +56,8 @@
65
56
  .ui.modal > .header {
66
57
  margin: 0em;
67
58
  padding: 1.5rem 2rem;
68
-
69
59
  font-size: 1.6em;
70
60
  font-weight: bold;
71
-
72
- -webkit-border-radius: 0.325em 0.325em 0px 0px;
73
- -moz-border-radius: 0.325em 0.325em 0px 0px;
74
61
  border-radius: 0.325em 0.325em 0px 0px;
75
62
  }
76
63
 
@@ -84,26 +71,29 @@
84
71
  position: relative;
85
72
  padding: 2em;
86
73
  background-color: #F4F4F4;
87
-
88
74
  -webkit-box-sizing: border-box;
89
75
  -moz-box-sizing: border-box;
90
76
  -ms-box-sizing: border-box;
91
77
  box-sizing: border-box;
92
78
  }
79
+
93
80
  .ui.modal > .content > .left {
94
81
  display: table-cell;
95
82
  padding-right: 1.5%;
96
83
  min-width: 25%;
97
84
  }
85
+
98
86
  .ui.modal > .content > .right {
99
87
  display: table-cell;
100
88
  padding-left: 1.5%;
101
89
  vertical-align: top;
102
90
  }
91
+
103
92
  .ui.modal > .content > .left > .icon {
104
93
  font-size: 8em;
105
94
  margin: 0em;
106
95
  }
96
+
107
97
  .ui.modal > .content p {
108
98
  line-height: 1.6;
109
99
  }
@@ -116,6 +106,7 @@
116
106
  padding: 1rem 2rem;
117
107
  text-align: right;
118
108
  }
109
+
119
110
  .ui.modal .actions > .button {
120
111
  margin-left: 0.75em;
121
112
  }
@@ -125,51 +116,59 @@
125
116
  --------------------*/
126
117
 
127
118
  /* Mobile Only */
119
+
128
120
  @media only screen and (max-width : 768px) {
129
121
  .ui.modal .content .left {
130
122
  display: block;
131
123
  padding: 0em 0em 0em 1em;
132
124
  }
125
+
133
126
  .ui.modal .content .right {
134
127
  display: block;
135
128
  padding: 1em 0em 0em 0em;
136
-
137
129
  -webkit-box-shadow: none;
138
- -moz-box-shadow: none;
139
130
  box-shadow: none;
140
131
  }
141
132
  }
133
+
142
134
  /* Tablet and Mobile */
135
+
143
136
  @media only screen and (max-width : 998px) {
144
137
  .ui.modal {
145
138
  width: 92%;
146
139
  margin-left: -46%;
147
140
  }
141
+
148
142
  .ui.modal > .close {
149
143
  color: rgba(0, 0, 0, 0.8);
150
144
  top: 1.5rem;
151
145
  right: 1rem;
152
146
  }
153
147
  }
148
+
154
149
  /* Computer / Responsive */
150
+
155
151
  @media only screen and (min-width : 998px) {
156
152
  .ui.modal {
157
153
  width: 74%;
158
154
  margin-left: -37%;
159
155
  }
160
156
  }
157
+
161
158
  @media only screen and (min-width : 1500px) {
162
159
  .ui.modal {
163
160
  width: 56%;
164
161
  margin-left: -28%;
165
162
  }
166
163
  }
164
+
167
165
  @media only screen and (min-width : 1750px) {
168
166
  .ui.modal {
169
167
  width: 42%;
170
168
  margin-left: -21%;
171
169
  }
172
170
  }
171
+
173
172
  @media only screen and (min-width : 2000px) {
174
173
  .ui.modal {
175
174
  width: 36%;
@@ -177,7 +176,6 @@
177
176
  }
178
177
  }
179
178
 
180
-
181
179
  /*******************************
182
180
  Types
183
181
  *******************************/
@@ -187,10 +185,12 @@
187
185
  border: none;
188
186
  color: #FFFFFF;
189
187
  }
188
+
190
189
  .ui.basic.modal > .close {
191
190
  top: 1.5rem;
192
191
  right: 1rem;
193
192
  }
193
+
194
194
  .ui.basic.modal .content {
195
195
  background-color: transparent;
196
196
  }
@@ -200,13 +200,12 @@
200
200
  *******************************/
201
201
 
202
202
  /* A modal that cannot fit on the page */
203
+
203
204
  .ui.modal.scrolling {
204
205
  position: absolute;
205
206
  margin-top: 10px;
206
207
  }
207
208
 
208
-
209
-
210
209
  /*******************************
211
210
  States
212
211
  *******************************/
@@ -215,33 +214,37 @@
215
214
  display: block;
216
215
  }
217
216
 
218
-
219
217
  /*--------------
220
218
  Size
221
219
  ---------------*/
222
220
 
223
221
  /* Small */
222
+
224
223
  .ui.small.modal > .header {
225
224
  font-size: 1.3em;
226
225
  }
226
+
227
227
  @media only screen and (min-width : 998px) {
228
228
  .ui.small.modal {
229
229
  width: 58%;
230
230
  margin-left: -29%;
231
231
  }
232
232
  }
233
- .ui.small.modal {
233
+
234
234
  @media only screen and (min-width : 1500px) {
235
+ .ui.small.modal {
235
236
  width: 40%;
236
237
  margin-left: -20%;
237
238
  }
238
239
  }
240
+
239
241
  @media only screen and (min-width : 1750px) {
240
242
  .ui.small.modal {
241
243
  width: 26%;
242
244
  margin-left: -13%;
243
245
  }
244
246
  }
247
+
245
248
  @media only screen and (min-width : 2000px) {
246
249
  .ui.small.modal {
247
250
  width: 20%;
@@ -250,24 +253,28 @@
250
253
  }
251
254
 
252
255
  /* Large */
256
+
253
257
  @media only screen and (min-width : 998px) {
254
258
  .ui.large.modal {
255
259
  width: 74%;
256
260
  margin-left: -37%;
257
261
  }
258
262
  }
263
+
259
264
  @media only screen and (min-width : 1500px) {
260
265
  .ui.large.modal {
261
266
  width: 64%;
262
267
  margin-left: -32%;
263
268
  }
264
269
  }
270
+
265
271
  @media only screen and (min-width : 1750px) {
266
272
  .ui.large.modal {
267
273
  width: 54%;
268
274
  margin-left: -27%;
269
275
  }
270
276
  }
277
+
271
278
  @media only screen and (min-width : 2000px) {
272
279
  .ui.large.modal {
273
280
  width: 44%;
@@ -7,167 +7,132 @@
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
10
- */
11
-
10
+ */
11
+
12
12
  /*******************************
13
13
  Nag
14
- *******************************/
15
-
16
- .ui.nag {
17
- display: none;
18
- opacity: 0.95;
19
-
20
- position: relative;
21
- top: 0px;
22
- left: 0%;
23
- z-index: 101;
24
-
25
- min-height: 0;
26
- width: 100%;
27
-
28
- -webkit-box-sizing: border-box;
29
- -moz-box-sizing: border-box;
30
- -ms-box-sizing: border-box;
31
- box-sizing: border-box;
32
-
33
- margin: 0em;
34
- line-height: 3em;
35
- padding: 0em 1em;
36
-
37
- background-color: #555555;
38
-
39
- -webkit-box-shadow:
40
- 0px 1px 2px 0px rgba(0, 0, 0, 0.2)
41
- ;
42
- -moz-box-shadow:
43
- 0px 1px 2px 0px rgba(0, 0, 0, 0.2)
44
- ;
45
- box-shadow:
46
- 0px 1px 2px 0px rgba(0, 0, 0, 0.2)
47
- ;
48
-
49
- font-size: 1em;
50
- text-align: center;
51
- color: rgba(255, 255, 255, 0.8);
52
-
53
- -webkit-border-radius: 0px 0px 5px 5px;
54
- -moz-border-radius: 0px 0px 5px 5px;
55
- border-radius: 0px 0px 5px 5px;
56
-
57
- -webkit-transition: 0.2s background;
58
- -moz-transition: 0.2s background;
59
- -o-transition: 0.2s background;
60
- -ms-transition: 0.2s background;
61
- transition: 0.2s background;
62
- }
63
-
64
- a.ui.nag {
65
- cursor: pointer;
66
- }
67
-
68
- .ui.nag > .title {
69
- display: inline-block;
70
- margin: 0em 0.5em;
71
- color: #FFFFFF;
72
- }
73
-
74
-
75
- .ui.nag > .close.icon {
76
- cursor: pointer;
77
- opacity: 0.4;
78
-
79
- position: absolute;
80
- top: 50%;
81
- right: 1em;
82
-
83
- margin-top: -0.5em;
84
- color: #FFFFFF;
85
-
86
- -webkit-transition: 0.1s opacity;
87
- -moz-transition: 0.1s opacity;
88
- -o-transition: 0.1s opacity;
89
- -ms-transition: 0.1s opacity;
90
- transition: 0.1s opacity;
91
- }
92
-
93
-
94
-
14
+ *******************************/
15
+
16
+ .ui.nag {
17
+ display: none;
18
+ opacity: 0.95;
19
+ position: relative;
20
+ top: 0px;
21
+ left: 0%;
22
+ z-index: 101;
23
+ min-height: 0;
24
+ width: 100%;
25
+ -webkit-box-sizing: border-box;
26
+ -moz-box-sizing: border-box;
27
+ -ms-box-sizing: border-box;
28
+ box-sizing: border-box;
29
+ margin: 0em;
30
+ line-height: 3em;
31
+ padding: 0em 1em;
32
+ background-color: #555555;
33
+ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
34
+ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
35
+ font-size: 1em;
36
+ text-align: center;
37
+ color: rgba(255, 255, 255, 0.8);
38
+ border-radius: 0px 0px 5px 5px;
39
+ -webkit-transition: 0.2s background;
40
+ transition: 0.2s background;
41
+ }
42
+
43
+ a.ui.nag {
44
+ cursor: pointer;
45
+ }
46
+
47
+ .ui.nag > .title {
48
+ display: inline-block;
49
+ margin: 0em 0.5em;
50
+ color: #FFFFFF;
51
+ }
52
+
53
+ .ui.nag > .close.icon {
54
+ cursor: pointer;
55
+ opacity: 0.4;
56
+ position: absolute;
57
+ top: 50%;
58
+ right: 1em;
59
+ margin-top: -0.5em;
60
+ color: #FFFFFF;
61
+ -webkit-transition: 0.1s opacity;
62
+ transition: 0.1s opacity;
63
+ }
64
+
95
65
  /*******************************
96
66
  States
97
- *******************************/
98
-
99
- /* Hover */
100
- .ui.nag:hover {
101
- opacity: 1;
102
- }
103
-
104
- .ui.nag .close:hover {
105
- opacity: 1;
106
- }
107
-
108
-
67
+ *******************************/
68
+
69
+ /* Hover */
70
+
71
+ .ui.nag:hover {
72
+ opacity: 1;
73
+ }
74
+
75
+ .ui.nag .close:hover {
76
+ opacity: 1;
77
+ }
78
+
109
79
  /*******************************
110
80
  Variations
111
- *******************************/
112
-
113
-
81
+ *******************************/
82
+
114
83
  /*--------------
115
84
  Static
116
- ---------------*/
117
-
118
- .ui.overlay.nag {
119
- position: absolute;
120
- display: block;
121
- }
122
-
85
+ ---------------*/
86
+
87
+ .ui.overlay.nag {
88
+ position: absolute;
89
+ display: block;
90
+ }
91
+
123
92
  /*--------------
124
93
  Fixed
125
- ---------------*/
126
-
127
- .ui.fixed.nag {
128
- position: fixed;
129
- }
130
-
94
+ ---------------*/
95
+
96
+ .ui.fixed.nag {
97
+ position: fixed;
98
+ }
99
+
131
100
  /*--------------
132
101
  Bottom
133
- ---------------*/
134
-
135
- .ui.botton.nag {
136
- -webkit-border-radius: 5px 5px 0px 0px;
137
- -moz-border-radius: 5px 5px 0px 0px;
138
- border-radius: 5px 5px 0px 0px;
139
- }
140
- .ui.fixed.bottom.nags,
141
- .ui.fixed.bottom.nag {
142
- top: auto;
143
- bottom: 0px;
144
- }
145
-
146
-
102
+ ---------------*/
103
+
104
+ .ui.botton.nag {
105
+ border-radius: 5px 5px 0px 0px;
106
+ }
107
+
108
+ .ui.fixed.bottom.nags,
109
+ .ui.fixed.bottom.nag {
110
+ top: auto;
111
+ bottom: 0px;
112
+ }
113
+
147
114
  /*--------------
148
115
  White
149
- ---------------*/
150
-
151
- .ui.white.nags .nag,
152
- .ui.white.nag {
153
- background-color: #F1F1F1;
154
- text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
155
- color: #ACACAC;
156
- }
157
- .ui.white.nags .nag .close,
158
- .ui.white.nags .nag .title,
159
- .ui.white.nag .close,
160
- .ui.white.nag .title {
161
- color: #333333;
162
- }
163
-
164
-
116
+ ---------------*/
117
+
118
+ .ui.white.nags .nag,
119
+ .ui.white.nag {
120
+ background-color: #F1F1F1;
121
+ text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
122
+ color: #ACACAC;
123
+ }
124
+
125
+ .ui.white.nags .nag .close,
126
+ .ui.white.nags .nag .title,
127
+ .ui.white.nag .close,
128
+ .ui.white.nag .title {
129
+ color: #333333;
130
+ }
131
+
165
132
  /*******************************
166
133
  Groups
167
- *******************************/
168
-
169
- .ui.nags .nag {
170
- -webkit-border-radius: 0px;
171
- -moz-border-radius: 0px;
172
- border-radius: 0px;
134
+ *******************************/
135
+
136
+ .ui.nags .nag {
137
+ border-radius: 0px;
173
138
  }