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
@@ -7,92 +7,88 @@
|
|
7
7
|
* Released under the MIT license
|
8
8
|
* http://opensource.org/licenses/MIT
|
9
9
|
*
|
10
|
-
*/
|
11
|
-
|
12
|
-
|
10
|
+
*/
|
11
|
+
|
13
12
|
/*******************************
|
14
13
|
Video
|
15
|
-
*******************************/
|
16
|
-
|
17
|
-
.ui.video {
|
18
|
-
position: relative;
|
19
|
-
max-width: 100%;
|
20
|
-
}
|
21
|
-
|
14
|
+
*******************************/
|
15
|
+
|
16
|
+
.ui.video {
|
17
|
+
position: relative;
|
18
|
+
max-width: 100%;
|
19
|
+
}
|
20
|
+
|
22
21
|
/*--------------
|
23
22
|
Content
|
24
|
-
---------------*/
|
25
|
-
|
26
|
-
/* Placeholder Image */
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
-ms-filter:"progid:DXImageTransform.Microsoft@include ctb-Alpha(Opacity=60);";
|
43
|
-
filter: alpha(opacity=60);
|
44
|
-
opacity: 0.6;
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
display: none;
|
73
|
-
}
|
74
|
-
|
23
|
+
---------------*/
|
24
|
+
|
25
|
+
/* Placeholder Image */
|
26
|
+
|
27
|
+
.ui.video .placeholder {
|
28
|
+
background-color: #333333;
|
29
|
+
}
|
30
|
+
|
31
|
+
/* Play Icon Overlay */
|
32
|
+
|
33
|
+
.ui.video .play {
|
34
|
+
cursor: pointer;
|
35
|
+
position: absolute;
|
36
|
+
top: 0px;
|
37
|
+
left: 0px;
|
38
|
+
z-index: 10;
|
39
|
+
width: 100%;
|
40
|
+
height: 100%;
|
41
|
+
-ms-filter: "progid:DXImageTransform.Microsoft@include ctb-Alpha(Opacity=60);";
|
42
|
+
filter: alpha(opacity=60);
|
43
|
+
opacity: 0.6;
|
44
|
+
-webkit-transition: opacity 0.3s;
|
45
|
+
transition: opacity 0.3s;
|
46
|
+
}
|
47
|
+
|
48
|
+
.ui.video .play.icon:before {
|
49
|
+
position: absolute;
|
50
|
+
top: 50%;
|
51
|
+
left: 50%;
|
52
|
+
z-index: 11;
|
53
|
+
font-size: 6rem;
|
54
|
+
margin: -3rem 0em 0em -3rem;
|
55
|
+
color: #FFFFFF;
|
56
|
+
text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
|
57
|
+
}
|
58
|
+
|
59
|
+
.ui.video .placeholder {
|
60
|
+
display: block;
|
61
|
+
width: 100%;
|
62
|
+
height: 100%;
|
63
|
+
}
|
64
|
+
|
65
|
+
/* IFrame Embed */
|
66
|
+
|
67
|
+
.ui.video .embed {
|
68
|
+
display: none;
|
69
|
+
}
|
70
|
+
|
75
71
|
/*******************************
|
76
72
|
States
|
77
|
-
*******************************/
|
78
|
-
|
73
|
+
*******************************/
|
74
|
+
|
79
75
|
/*--------------
|
80
76
|
Hover
|
81
|
-
---------------*/
|
82
|
-
|
83
|
-
.ui.video .play:hover {
|
84
|
-
opacity: 1;
|
85
|
-
}
|
86
|
-
|
87
|
-
|
77
|
+
---------------*/
|
78
|
+
|
79
|
+
.ui.video .play:hover {
|
80
|
+
opacity: 1;
|
81
|
+
}
|
82
|
+
|
88
83
|
/*--------------
|
89
84
|
Active
|
90
|
-
---------------*/
|
91
|
-
|
92
|
-
.ui.video.active .play,
|
93
|
-
.ui.video.active .placeholder {
|
94
|
-
display: none;
|
95
|
-
}
|
96
|
-
|
97
|
-
|
98
|
-
|
85
|
+
---------------*/
|
86
|
+
|
87
|
+
.ui.video.active .play,
|
88
|
+
.ui.video.active .placeholder {
|
89
|
+
display: none;
|
90
|
+
}
|
91
|
+
|
92
|
+
.ui.video.active .embed {
|
93
|
+
display: block;
|
94
|
+
}
|
@@ -10,25 +10,20 @@
|
|
10
10
|
* Released: April 17 2013
|
11
11
|
*/
|
12
12
|
|
13
|
-
|
14
13
|
/*******************************
|
15
14
|
Standard
|
16
15
|
*******************************/
|
17
16
|
|
18
|
-
|
19
17
|
/*--------------
|
20
18
|
Comments
|
21
19
|
---------------*/
|
22
20
|
|
23
|
-
.ui.comments {
|
24
21
|
|
25
22
|
|
26
|
-
}
|
27
23
|
.ui.comments a {
|
28
24
|
cursor: pointer;
|
29
25
|
}
|
30
26
|
|
31
|
-
|
32
27
|
/*--------------
|
33
28
|
Comment
|
34
29
|
---------------*/
|
@@ -38,13 +33,12 @@
|
|
38
33
|
margin-top: 0.5em;
|
39
34
|
padding-top: 0.5em;
|
40
35
|
}
|
36
|
+
|
41
37
|
.ui.comments .comment:first-child {
|
42
38
|
margin-top: 0em;
|
43
39
|
padding-top: 0em;
|
44
40
|
}
|
45
41
|
|
46
|
-
|
47
|
-
|
48
42
|
/*--------------------
|
49
43
|
Avatar (Optional)
|
50
44
|
---------------------*/
|
@@ -54,10 +48,10 @@
|
|
54
48
|
float: left;
|
55
49
|
width: 4em;
|
56
50
|
}
|
51
|
+
|
57
52
|
.ui.comments .comment .avatar img {
|
58
53
|
display: block;
|
59
54
|
margin: 0em auto;
|
60
|
-
|
61
55
|
width: 3em;
|
62
56
|
height: 3em;
|
63
57
|
border-radius: 500px;
|
@@ -71,11 +65,13 @@
|
|
71
65
|
.ui.comments .comment > .avatar {
|
72
66
|
display: block;
|
73
67
|
}
|
68
|
+
|
74
69
|
.ui.comments .comment .avatar ~ .content {
|
75
70
|
padding: 0em 1em;
|
76
71
|
}
|
77
72
|
|
78
73
|
/* If there is an avatar move content over */
|
74
|
+
|
79
75
|
.ui.comments .comment > .avatar ~ .content {
|
80
76
|
padding-top: 0.25em;
|
81
77
|
margin-left: 3.5em;
|
@@ -86,6 +82,7 @@
|
|
86
82
|
margin-left: 0.3em;
|
87
83
|
color: rgba(0, 0, 0, 0.4);
|
88
84
|
}
|
85
|
+
|
89
86
|
.ui.comments .comment .metadata > * {
|
90
87
|
display: inline-block;
|
91
88
|
margin: 0em 0.3em 0em 0em;
|
@@ -107,11 +104,13 @@
|
|
107
104
|
.ui.comments .comment .actions {
|
108
105
|
font-size: 0.9em;
|
109
106
|
}
|
107
|
+
|
110
108
|
.ui.comments .comment .actions a {
|
111
109
|
display: inline-block;
|
112
110
|
margin: 0em 0.3em 0em 0em;
|
113
111
|
color: rgba(0, 0, 0, 0.3);
|
114
112
|
}
|
113
|
+
|
115
114
|
.ui.comments .comment .actions a.active,
|
116
115
|
.ui.comments .comment .actions a:hover {
|
117
116
|
color: rgba(0, 0, 0, 0.6);
|
@@ -126,19 +125,20 @@
|
|
126
125
|
width: 100%;
|
127
126
|
max-width: 30em;
|
128
127
|
}
|
128
|
+
|
129
129
|
.ui.comments .comment .reply.form {
|
130
130
|
margin-left: 2em;
|
131
131
|
}
|
132
|
+
|
132
133
|
.ui.comments > .reply.form {
|
133
134
|
margin-top: 1.5em;
|
134
135
|
max-width: 40em;
|
135
136
|
}
|
137
|
+
|
136
138
|
.ui.comments .reply.form textarea {
|
137
139
|
height: 12em;
|
138
140
|
}
|
139
141
|
|
140
|
-
|
141
|
-
|
142
142
|
/*--------------------
|
143
143
|
Nested Comments
|
144
144
|
---------------------*/
|
@@ -148,30 +148,37 @@
|
|
148
148
|
padding-top: 0.5em;
|
149
149
|
padding-bottom: 1em;
|
150
150
|
}
|
151
|
-
|
151
|
+
|
152
|
+
.ui.comments .comment .comments:before {
|
152
153
|
position: absolute;
|
153
154
|
top: 0px;
|
154
155
|
left: 0px;
|
155
156
|
}
|
157
|
+
|
156
158
|
/* One Deep */
|
159
|
+
|
157
160
|
.ui.comments > .comment .comments {
|
158
161
|
margin-left: 2em;
|
159
|
-
|
160
162
|
}
|
163
|
+
|
161
164
|
/* Two Deep */
|
165
|
+
|
162
166
|
.ui.comments > .comment > .comments > .comment > .comments {
|
163
167
|
margin-left: 1.75em;
|
164
168
|
}
|
169
|
+
|
165
170
|
/* Three Deep */
|
171
|
+
|
166
172
|
.ui.comments > .comment > .comments > .comment > .comments > .comment > .comments {
|
167
173
|
margin-left: 1.5em;
|
168
174
|
}
|
175
|
+
|
169
176
|
/* Four Deep or more */
|
177
|
+
|
170
178
|
.ui.comments > .comment > .comments > .comment > .comments > .comment > .comments > .comment .comments {
|
171
179
|
margin-left: 0.5em;
|
172
180
|
}
|
173
181
|
|
174
|
-
|
175
182
|
/*******************************
|
176
183
|
Variations
|
177
184
|
*******************************/
|
@@ -183,9 +190,7 @@
|
|
183
190
|
.ui.threaded.comments .comment .comments {
|
184
191
|
margin-left: 2em !important;
|
185
192
|
padding-left: 2em !important;
|
186
|
-
|
187
193
|
-webkit-box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.05);
|
188
|
-
-moz-box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.05);
|
189
194
|
box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.05);
|
190
195
|
}
|
191
196
|
|
@@ -195,19 +200,12 @@
|
|
195
200
|
|
196
201
|
.ui.minimal.comments .comment .actions {
|
197
202
|
opacity: 0;
|
198
|
-
|
199
203
|
-webkit-transition: opacity 0.1s ease-out;
|
200
|
-
-moz-transition: opacity 0.1s ease-out;
|
201
|
-
-o-transition: opacity 0.1s ease-out;
|
202
|
-
-ms-transition: opacity 0.1s ease-out;
|
203
204
|
transition: opacity 0.1s ease-out;
|
204
|
-
|
205
205
|
-webkit-transition-delay: 0.1s;
|
206
|
-
-moz-transition-delay: 0.1s;
|
207
|
-
-o-transition-delay: 0.1s;
|
208
|
-
-ms-transition-delay: 0.1s;
|
209
206
|
transition-delay: 0.1s;
|
210
207
|
}
|
208
|
+
|
211
209
|
.ui.minimal.comments .comment > .content:hover > .actions {
|
212
210
|
opacity: 1;
|
213
211
|
}
|
@@ -10,14 +10,11 @@
|
|
10
10
|
* Released: May 22, 2013
|
11
11
|
*/
|
12
12
|
|
13
|
-
|
14
13
|
/*******************************
|
15
14
|
Activity Feed
|
16
15
|
*******************************/
|
17
16
|
|
18
|
-
.ui.feed {
|
19
17
|
|
20
|
-
}
|
21
18
|
|
22
19
|
.ui.feed a {
|
23
20
|
cursor: pointer;
|
@@ -34,46 +31,53 @@
|
|
34
31
|
box-sizing: border-box;
|
35
32
|
}
|
36
33
|
|
37
|
-
|
38
34
|
/*******************************
|
39
35
|
Content
|
40
36
|
*******************************/
|
41
37
|
|
42
38
|
/* Event */
|
39
|
+
|
43
40
|
.ui.feed .event {
|
44
41
|
width: 100%;
|
45
42
|
display: table;
|
46
43
|
padding: 1em;
|
47
44
|
}
|
45
|
+
|
48
46
|
.ui.feed .event:first-child {
|
49
47
|
border-top: 0px;
|
50
48
|
}
|
49
|
+
|
51
50
|
.ui.feed .event:last-child {
|
52
51
|
margin-bottom: 1em;
|
53
52
|
}
|
54
53
|
|
55
54
|
/* Event Label */
|
55
|
+
|
56
56
|
.ui.feed .label {
|
57
57
|
width: 3em;
|
58
58
|
display: table-cell;
|
59
59
|
vertical-align: top;
|
60
60
|
text-align: left;
|
61
61
|
}
|
62
|
+
|
62
63
|
.ui.feed .label .icon {
|
63
64
|
font-size: 1.5em;
|
64
65
|
padding: 0.5em;
|
65
66
|
margin: 0em;
|
66
67
|
}
|
68
|
+
|
67
69
|
.ui.feed .label img {
|
68
70
|
width: 3em;
|
69
71
|
margin: 0em;
|
70
72
|
border-radius: 50em;
|
71
73
|
}
|
74
|
+
|
72
75
|
.ui.feed .label + .content {
|
73
76
|
padding: 0.75em 1em 0em;
|
74
77
|
}
|
75
78
|
|
76
79
|
/* Content */
|
80
|
+
|
77
81
|
.ui.feed .content {
|
78
82
|
display: table-cell;
|
79
83
|
vertical-align: top;
|
@@ -82,6 +86,7 @@
|
|
82
86
|
}
|
83
87
|
|
84
88
|
/* Date */
|
89
|
+
|
85
90
|
.ui.feed .content .date {
|
86
91
|
float: right;
|
87
92
|
padding-left: 1em;
|
@@ -89,9 +94,11 @@
|
|
89
94
|
}
|
90
95
|
|
91
96
|
/* Summary */
|
97
|
+
|
92
98
|
.ui.feed .content .summary {
|
93
99
|
color: rgba(0, 0, 0, 0.75);
|
94
100
|
}
|
101
|
+
|
95
102
|
.ui.feed .content .summary img {
|
96
103
|
display: inline-block;
|
97
104
|
margin-right: 0.25em;
|
@@ -100,15 +107,15 @@
|
|
100
107
|
}
|
101
108
|
|
102
109
|
/* Additional Information */
|
110
|
+
|
103
111
|
.ui.feed .content .extra {
|
104
112
|
margin: 1em 0em 0em;
|
105
113
|
padding: 0.5em 0em 0em;
|
106
114
|
color: rgba(0, 0, 0, 0.5);
|
107
115
|
}
|
108
116
|
|
109
|
-
.ui.feed .content .extra.images {
|
110
117
|
|
111
|
-
|
118
|
+
|
112
119
|
.ui.feed .content .extra.images img {
|
113
120
|
display: inline-block;
|
114
121
|
margin-right: 0.25em;
|
@@ -120,8 +127,6 @@
|
|
120
127
|
border-left: 0.2em solid rgba(0, 0, 0, 0.1);
|
121
128
|
}
|
122
129
|
|
123
|
-
|
124
|
-
|
125
130
|
/*******************************
|
126
131
|
Variations
|
127
132
|
*******************************/
|
@@ -129,24 +134,31 @@
|
|
129
134
|
.ui.small.feed {
|
130
135
|
font-size: 0.875em;
|
131
136
|
}
|
137
|
+
|
132
138
|
.ui.small.feed .label img {
|
133
139
|
width: 2.5em;
|
134
140
|
}
|
141
|
+
|
135
142
|
.ui.small.feed .label .icon {
|
136
143
|
font-size: 1.25em;
|
137
144
|
}
|
145
|
+
|
138
146
|
.ui.feed .event {
|
139
147
|
padding: 0.75em 0em;
|
140
148
|
}
|
149
|
+
|
141
150
|
.ui.small.feed .label + .content {
|
142
151
|
padding: 0.5em 0.5em 0;
|
143
152
|
}
|
153
|
+
|
144
154
|
.ui.small.feed .content .extra.images img {
|
145
155
|
width: 5em;
|
146
156
|
}
|
157
|
+
|
147
158
|
.ui.small.feed .content .extra {
|
148
159
|
margin: 0.5em 0em 0em;
|
149
160
|
}
|
161
|
+
|
150
162
|
.ui.small.feed .content .extra.text {
|
151
163
|
padding: 0.25em 0.5em;
|
152
164
|
}
|