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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +8 -0
- data/README.md +1 -1
- data/app/assets/javascripts/semantic-ui/dimmer.js +4 -2
- data/app/assets/javascripts/semantic-ui/modal.js +11 -6
- data/app/assets/javascripts/semantic-ui/popup.js +0 -1
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +6 -2
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +56 -73
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +89 -53
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +221 -316
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +43 -88
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +83 -23
- data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +831 -187
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +189 -191
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +4 -22
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +43 -20
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1529 -472
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +145 -152
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +36 -63
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +120 -175
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +13 -11
- data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +33 -115
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +46 -101
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +35 -65
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +127 -170
- data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +287 -269
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +42 -129
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +16 -49
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +54 -107
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +29 -22
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +112 -147
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +226 -230
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +20 -28
- data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +35 -78
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +27 -44
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +10 -41
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +31 -60
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +219 -451
- data/app/assets/stylesheets/semantic-ui/modules/_video.scss +75 -79
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +21 -23
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -8
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +86 -43
- data/app/assets/stylesheets/semantic-ui/views/_list.scss +80 -53
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +6 -1
- data/lib/semantic/ui/sass/version.rb +2 -2
- data/semantic-ui-sass.gemspec +1 -1
- data/spec/dummy/config/application.rb +1 -1
- data/spec/spec_helper.rb +0 -1
- data/tasks/converter.rb +7 -0
- metadata +4 -7
- 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
|
-
|
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
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
-webkit-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
;
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
-
|
60
|
-
|
61
|
-
transition: 0.
|
62
|
-
|
63
|
-
|
64
|
-
|
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
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
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
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
.ui.fixed.bottom.
|
141
|
-
|
142
|
-
|
143
|
-
|
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
|
-
|
158
|
-
.ui.white.nags .nag .
|
159
|
-
.ui.white.nag .
|
160
|
-
.ui.white.nag .
|
161
|
-
|
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
|
-
|
171
|
-
-moz-border-radius: 0px;
|
172
|
-
border-radius: 0px;
|
134
|
+
*******************************/
|
135
|
+
|
136
|
+
.ui.nags .nag {
|
137
|
+
border-radius: 0px;
|
173
138
|
}
|