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
@@ -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
- .ui.video .placeholder {
28
- background-color: #333333;
29
- }
30
-
31
- /* Play Icon Overlay */
32
- .ui.video .play {
33
- cursor: pointer;
34
- position: absolute;
35
- top: 0px;
36
- left: 0px;
37
- z-index: 10;
38
-
39
- width: 100%;
40
- height: 100%;
41
-
42
- -ms-filter:"progid:DXImageTransform.Microsoft@include ctb-Alpha(Opacity=60);";
43
- filter: alpha(opacity=60);
44
- opacity: 0.6;
45
-
46
- -webkit-transition: opacity 0.3s;
47
- -moz-transition: opacity 0.3s;
48
- -o-transition: opacity 0.3s;
49
- -ms-transition: opacity 0.3s;
50
- transition: opacity 0.3s;
51
- }
52
- .ui.video .play.icon:before {
53
- position: absolute;
54
- top: 50%;
55
- left: 50%;
56
- z-index: 11;
57
-
58
- font-size: 6rem;
59
- margin: -3rem 0em 0em -3rem;
60
- color: #FFFFFF;
61
- text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
62
- }
63
-
64
- .ui.video .placeholder {
65
- display: block;
66
- width: 100%;
67
- height: 100%;
68
- }
69
-
70
- /* IFrame Embed */
71
- .ui.video .embed {
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
- .ui.video.active .embed {
97
- display: block;
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
- .ui.comments .comment .comments:before{
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
  }