kube-rails 0.0.4 → 0.0.5
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.
- data/lib/kube/rails/version.rb +1 -1
- data/vendor/kube/base.less +17 -19
- data/vendor/kube/buttons.less +57 -89
- data/vendor/kube/code.less +8 -0
- data/vendor/kube/forms.less +60 -32
- data/vendor/kube/goodies.less +29 -20
- data/vendor/kube/grid.less +40 -39
- data/vendor/kube/kube.less +4 -1
- data/vendor/kube/labels.less +14 -0
- data/vendor/kube/mixins.less +28 -38
- data/vendor/kube/navs.less +237 -0
- data/vendor/kube/responsive.less +68 -36
- data/vendor/kube/tables.less +8 -5
- data/vendor/kube/typo.less +92 -62
- data/vendor/kube/variables.less +16 -15
- metadata +7 -3
data/vendor/kube/kube.less
CHANGED
@@ -3,16 +3,19 @@
|
|
3
3
|
|
4
4
|
@import "base.less";
|
5
5
|
@import "typo.less";
|
6
|
+
@import "code.less";
|
6
7
|
|
7
8
|
@import "tables.less";
|
8
9
|
@import "forms.less";
|
9
10
|
|
10
11
|
@import "buttons.less";
|
12
|
+
@import "navs.less";
|
13
|
+
@import "labels.less";
|
11
14
|
|
12
15
|
@import "grid.less";
|
13
16
|
@import "blocks.less";
|
14
17
|
|
15
18
|
@import "goodies.less";
|
16
19
|
|
20
|
+
@import "responsive.less";
|
17
21
|
|
18
|
-
@import "responsive.less";
|
data/vendor/kube/mixins.less
CHANGED
@@ -1,48 +1,26 @@
|
|
1
|
-
// Dropshadows
|
2
|
-
.box-shadow(@shadow: 0 1px 3px #999) {
|
3
|
-
-webkit-box-shadow: @shadow;
|
4
|
-
-moz-box-shadow: @shadow;
|
5
|
-
box-shadow: @shadow;
|
6
|
-
}
|
7
|
-
|
8
|
-
.box-shadow-inset(@shadow: 0 1px 3px #999 inset) {
|
9
|
-
-webkit-box-shadow: @shadow;
|
10
|
-
-moz-box-shadow: @shadow;
|
11
|
-
box-shadow: @shadow;
|
12
|
-
}
|
13
|
-
|
14
1
|
.gradient(@startColor: #555, @endColor: #333) {
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
2
|
+
background-color: mix(@startColor, @endColor, 60%);
|
3
|
+
background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
|
4
|
+
background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
|
5
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
6
|
+
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
7
|
+
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
|
8
|
+
background-image: linear-gradient(top, @startColor, @endColor); // The standard
|
9
|
+
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
|
23
10
|
}
|
24
11
|
|
25
12
|
.transition(@transition) {
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
}
|
32
|
-
|
33
|
-
|
34
|
-
// BorderRadius
|
35
|
-
.border-radius(@radius: 5px) {
|
36
|
-
-webkit-border-radius: @radius;
|
37
|
-
-moz-border-radius: @radius;
|
38
|
-
border-radius: @radius;
|
13
|
+
-webkit-transition: @transition;
|
14
|
+
-moz-transition: @transition;
|
15
|
+
-ms-transition: @transition;
|
16
|
+
-o-transition: @transition;
|
17
|
+
transition: @transition;
|
39
18
|
}
|
40
19
|
|
41
|
-
// Opacity
|
42
20
|
.opacity(@opacity: 100) {
|
43
|
-
|
44
|
-
|
45
|
-
|
21
|
+
filter: e(%("alpha(opacity=%d)", @opacity));
|
22
|
+
-moz-opacity: @opacity / 100;
|
23
|
+
opacity: @opacity / 100;
|
46
24
|
}
|
47
25
|
|
48
26
|
.clearfixing() {
|
@@ -55,6 +33,18 @@
|
|
55
33
|
}
|
56
34
|
}
|
57
35
|
|
36
|
+
// Retina
|
37
|
+
.at2x(@path, @w: auto, @h: auto) {
|
38
|
+
background-image: url(@path);
|
39
|
+
@at2x_path: ~`"@{path}".split('.').slice(0, "@{path}".split('.').length - 1).join(".") + "@2x" + "." + "@{path}".split('.')["@{path}".split('.').length - 1]`;
|
40
|
+
|
41
|
+
@media all and (-webkit-min-device-pixel-ratio : 1.5) {
|
42
|
+
background-image: url(@at2x_path);
|
43
|
+
background-size: @w @h;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
|
47
|
+
// Grid
|
58
48
|
.block(@num) {
|
59
49
|
width: ((@gridWidth - (@gridGutterWidth * @num)) / @num / (@gridWidth / 100)) * 1%;
|
60
50
|
}
|
@@ -0,0 +1,237 @@
|
|
1
|
+
/* =Navs
|
2
|
+
-----------------------------------------------------------------------------*/
|
3
|
+
|
4
|
+
|
5
|
+
/* Horizontal */
|
6
|
+
.nav-h,
|
7
|
+
.nav-g {
|
8
|
+
margin-bottom: @baseLine/@em;
|
9
|
+
.clearfixing;
|
10
|
+
}
|
11
|
+
.nav-h ul,
|
12
|
+
.nav-g ul {
|
13
|
+
list-style: none;
|
14
|
+
margin: 0;
|
15
|
+
.clearfixing;
|
16
|
+
}
|
17
|
+
.nav-h ul li,
|
18
|
+
.nav-g ul li {
|
19
|
+
float: left;
|
20
|
+
margin-right: 1.5em;
|
21
|
+
}
|
22
|
+
.nav-h ul li a,
|
23
|
+
.nav-h ul li span,
|
24
|
+
.nav-g ul li a,
|
25
|
+
.nav-g ul li span {
|
26
|
+
display: block;
|
27
|
+
}
|
28
|
+
.nav-h ul li a,
|
29
|
+
.nav-g ul li a {
|
30
|
+
color: @colorBlack;
|
31
|
+
text-decoration: none;
|
32
|
+
}
|
33
|
+
.nav-h ul li a:hover,
|
34
|
+
.nav-g ul li a:hover {
|
35
|
+
color: @colorLinkHover;
|
36
|
+
text-decoration: underline;
|
37
|
+
}
|
38
|
+
.nav-h ul li span,
|
39
|
+
.nav-g ul li span {
|
40
|
+
color: @colorGrayLight;
|
41
|
+
}
|
42
|
+
|
43
|
+
/* Vertical */
|
44
|
+
.nav-v {
|
45
|
+
margin-bottom: @baseLine/@em;
|
46
|
+
}
|
47
|
+
.nav-v ul {
|
48
|
+
list-style: none;
|
49
|
+
margin: 0;
|
50
|
+
}
|
51
|
+
.nav-v ul li {
|
52
|
+
border-bottom: 1px solid #eee;
|
53
|
+
}
|
54
|
+
.nav-v ul li ul {
|
55
|
+
margin-left: 2em;
|
56
|
+
font-size: .95em;
|
57
|
+
}
|
58
|
+
.nav-v ul li ul li:last-child {
|
59
|
+
border-bottom: none;
|
60
|
+
}
|
61
|
+
.nav-v ul li ul li a,
|
62
|
+
.nav-v ul li ul li span {
|
63
|
+
padding: 4px 0;
|
64
|
+
}
|
65
|
+
.nav-v ul li a,
|
66
|
+
.nav-v ul li span {
|
67
|
+
display: block;
|
68
|
+
padding: 5px 0;
|
69
|
+
}
|
70
|
+
.nav-v ul li a {
|
71
|
+
color: @colorBlack;
|
72
|
+
text-decoration: none;
|
73
|
+
}
|
74
|
+
.nav-v ul li a:hover {
|
75
|
+
color: @colorLinkHover;
|
76
|
+
text-decoration: underline;
|
77
|
+
}
|
78
|
+
.nav-v ul li span {
|
79
|
+
color: @colorGrayLight;
|
80
|
+
}
|
81
|
+
|
82
|
+
/* Breadcrumbs */
|
83
|
+
.breadcrumbs {
|
84
|
+
margin-bottom: @baseLine/@em;
|
85
|
+
.clearfixing;
|
86
|
+
}
|
87
|
+
.breadcrumbs ul {
|
88
|
+
font-size: .9em;
|
89
|
+
color: #999;
|
90
|
+
list-style: none;
|
91
|
+
margin: 0;
|
92
|
+
.clearfixing;
|
93
|
+
}
|
94
|
+
.breadcrumbs ul li {
|
95
|
+
float: left;
|
96
|
+
margin-right: .5em;
|
97
|
+
}
|
98
|
+
.breadcrumbs li + li:before {
|
99
|
+
content: " > ";
|
100
|
+
color: #999;
|
101
|
+
font-size: 12px;
|
102
|
+
margin-right: .5em;
|
103
|
+
}
|
104
|
+
.breadcrumbs-sections li + li:before {
|
105
|
+
content: " | ";
|
106
|
+
}
|
107
|
+
.breadcrumbs-path li + li:before {
|
108
|
+
content: " / ";
|
109
|
+
}
|
110
|
+
.breadcrumbs ul li a {
|
111
|
+
color: #666;
|
112
|
+
text-decoration: none;
|
113
|
+
}
|
114
|
+
.breadcrumbs ul li a.active {
|
115
|
+
color: #999;
|
116
|
+
}
|
117
|
+
.breadcrumbs ul li a:hover {
|
118
|
+
color: #000;
|
119
|
+
text-decoration: underline;
|
120
|
+
}
|
121
|
+
|
122
|
+
/* Tabs */
|
123
|
+
.nav-tabs {
|
124
|
+
border-bottom: 1px solid #e3e3e3;
|
125
|
+
margin-bottom: @baseLine/@em;
|
126
|
+
.clearfixing;
|
127
|
+
}
|
128
|
+
.nav-tabs ul {
|
129
|
+
list-style: none;
|
130
|
+
margin: 0;
|
131
|
+
.clearfixing;
|
132
|
+
}
|
133
|
+
.nav-tabs ul li {
|
134
|
+
float: left;
|
135
|
+
margin-right: 2px;
|
136
|
+
}
|
137
|
+
.nav-tabs ul li a,
|
138
|
+
.nav-tabs ul li span {
|
139
|
+
display: block;
|
140
|
+
line-height: 1;
|
141
|
+
padding: 8px 12px 9px 12px;
|
142
|
+
}
|
143
|
+
.nav-tabs ul li a {
|
144
|
+
color: @colorGray;
|
145
|
+
text-decoration: none;
|
146
|
+
}
|
147
|
+
.nav-tabs ul li a:focus,
|
148
|
+
.nav-tabs ul li a:hover {
|
149
|
+
color: @colorBlack;
|
150
|
+
text-decoration: underline;
|
151
|
+
}
|
152
|
+
.nav-tabs ul li .active,
|
153
|
+
.nav-tabs ul li span {
|
154
|
+
color: @colorBlack;
|
155
|
+
background: #fff;
|
156
|
+
margin-top: -2px;
|
157
|
+
position: relative;
|
158
|
+
padding: 8px 11px 9px 11px;
|
159
|
+
border: 1px solid #ddd;
|
160
|
+
border-bottom: 1px solid #fff;
|
161
|
+
bottom: -1px;
|
162
|
+
}
|
163
|
+
.nav-tabs ul li .active {
|
164
|
+
cursor: default;
|
165
|
+
}
|
166
|
+
|
167
|
+
/* Pills */
|
168
|
+
.nav-pills {
|
169
|
+
margin-bottom: @baseLine/@em - .5em;
|
170
|
+
.clearfixing;
|
171
|
+
}
|
172
|
+
.nav-pills ul {
|
173
|
+
list-style: none;
|
174
|
+
margin: 0;
|
175
|
+
.clearfixing;
|
176
|
+
}
|
177
|
+
.nav-pills ul li {
|
178
|
+
float: left;
|
179
|
+
margin-right: .5em;
|
180
|
+
margin-bottom: @baseLine/@em - 1em;
|
181
|
+
}
|
182
|
+
.nav-pills ul li a,
|
183
|
+
.nav-pills ul li span {
|
184
|
+
display: block;
|
185
|
+
padding: 6px 11px;
|
186
|
+
line-height: 1;
|
187
|
+
}
|
188
|
+
.nav-pills ul li a {
|
189
|
+
color: @colorBlack;
|
190
|
+
text-decoration: none;
|
191
|
+
background-color: #f3f4f5;
|
192
|
+
}
|
193
|
+
.nav-pills ul li a:hover {
|
194
|
+
color: @colorGrayDark;
|
195
|
+
text-decoration: underline;
|
196
|
+
}
|
197
|
+
.nav-pills ul li .active,
|
198
|
+
.nav-pills ul li .active:hover,
|
199
|
+
.nav-pills ul li span {
|
200
|
+
padding: 5px 10px;
|
201
|
+
border: 1px solid #ddd;
|
202
|
+
background: none;
|
203
|
+
}
|
204
|
+
.nav-pills ul li .active,
|
205
|
+
.nav-pills ul li .active:hover {
|
206
|
+
cursor: default;
|
207
|
+
text-decoration: none;
|
208
|
+
}
|
209
|
+
|
210
|
+
/* =Pagination
|
211
|
+
-----------------------------------------------------------------------------*/
|
212
|
+
.pagination {
|
213
|
+
position: relative;
|
214
|
+
left: -7px;
|
215
|
+
margin-left: 0;
|
216
|
+
list-style: none;
|
217
|
+
.clearfixing();
|
218
|
+
}
|
219
|
+
.pagination li {
|
220
|
+
float: left;
|
221
|
+
margin-right: .5em;
|
222
|
+
}
|
223
|
+
.pagination li a,
|
224
|
+
.pagination li span {
|
225
|
+
display: block;
|
226
|
+
padding: 4px 7px;
|
227
|
+
line-height: 1;
|
228
|
+
color: #000;
|
229
|
+
text-decoration: none;
|
230
|
+
}
|
231
|
+
.pagination li span {
|
232
|
+
border: 1px solid #ddd;
|
233
|
+
}
|
234
|
+
.pagination li a:focus,
|
235
|
+
.pagination li a:hover {
|
236
|
+
text-decoration: underline;
|
237
|
+
}
|
data/vendor/kube/responsive.less
CHANGED
@@ -1,40 +1,41 @@
|
|
1
|
-
/* =Responsive Mobile
|
1
|
+
/* =Responsive Mobile
|
2
2
|
-----------------------------------------------------------------------------*/
|
3
3
|
@media only screen and (max-width: 767px) {
|
4
4
|
|
5
5
|
.row .half,
|
6
|
-
.row .third,
|
7
|
-
.row .quarter,
|
8
|
-
.row .fifth,
|
9
|
-
.row .sixth,
|
10
|
-
.row .twothird,
|
11
|
-
.row .twofifth,
|
12
|
-
.row .threefifth,
|
13
|
-
.row .fourfifth,
|
6
|
+
.row .third,
|
7
|
+
.row .quarter,
|
8
|
+
.row .fifth,
|
9
|
+
.row .sixth,
|
10
|
+
.row .twothird,
|
11
|
+
.row .twofifth,
|
12
|
+
.row .threefifth,
|
13
|
+
.row .fourfifth,
|
14
14
|
.row .fivesixth,
|
15
|
-
.row .threequarter {
|
16
|
-
margin-left: 0;
|
15
|
+
.row .threequarter {
|
17
16
|
width: 100%;
|
17
|
+
margin-left: 0;
|
18
|
+
margin-bottom: 1.5em;
|
19
|
+
}
|
20
|
+
|
21
|
+
.push-half,
|
22
|
+
.push-threequarter,
|
23
|
+
.push-quarter,
|
24
|
+
.push-third,
|
25
|
+
.push-twothird,
|
26
|
+
.push-fifth,
|
27
|
+
.push-twofifth,
|
28
|
+
.push-threefifth,
|
29
|
+
.push-fourfifth,
|
30
|
+
.push-sixth,
|
31
|
+
.push-fivesixth {
|
32
|
+
left: 0;
|
18
33
|
}
|
19
|
-
|
20
|
-
.
|
21
|
-
.push-threequarter,
|
22
|
-
.push-quarter,
|
23
|
-
.push-third,
|
24
|
-
.push-twothird,
|
25
|
-
.push-fifth,
|
26
|
-
.push-twofifth,
|
27
|
-
.push-threefifth,
|
28
|
-
.push-fourfifth,
|
29
|
-
.push-sixth,
|
30
|
-
.push-fivesixth {
|
31
|
-
left: 0;
|
32
|
-
}
|
33
|
-
|
34
|
-
.row .pull-right {
|
34
|
+
|
35
|
+
.row .pull-right {
|
35
36
|
float: none;
|
36
37
|
}
|
37
|
-
|
38
|
+
|
38
39
|
/*
|
39
40
|
Blocks
|
40
41
|
*/
|
@@ -46,36 +47,41 @@
|
|
46
47
|
margin-left: 0;
|
47
48
|
margin-bottom: @baseLine/@em;
|
48
49
|
}
|
49
|
-
|
50
|
+
|
50
51
|
.block-two > li,
|
51
52
|
.block-three > li,
|
52
53
|
.block-four > li,
|
53
54
|
.block-five > li,
|
54
|
-
.block-six > li {
|
55
|
+
.block-six > li {
|
55
56
|
float: none;
|
56
|
-
margin: 0;
|
57
|
+
margin: 0;
|
57
58
|
width: 100%;
|
58
|
-
}
|
59
|
+
}
|
59
60
|
|
60
61
|
/*
|
61
62
|
Forms
|
62
63
|
*/
|
63
|
-
.forms.columnar label {
|
64
|
+
.forms.columnar label {
|
64
65
|
float: none;
|
65
66
|
text-align: left;
|
66
67
|
width: auto;
|
67
68
|
}
|
68
|
-
.forms.columnar .push,
|
69
|
+
.forms.columnar .push,
|
70
|
+
.forms.columnar div.descr {
|
69
71
|
margin-left: 0;
|
70
72
|
}
|
71
73
|
.forms .multicolumn li {
|
72
74
|
float: none;
|
73
75
|
margin-right: 0;
|
74
76
|
}
|
75
|
-
.forms .multicolumn li.width-50,
|
77
|
+
.forms .multicolumn li.width-50,
|
78
|
+
.forms .multicolumn li.width-33 {
|
76
79
|
width: 100%;
|
77
80
|
}
|
78
|
-
.forms.columnar li fieldset,
|
81
|
+
.forms.columnar li fieldset,
|
82
|
+
.forms.columnar li fieldset section,
|
83
|
+
.forms.columnar li fieldset section label,
|
84
|
+
.columnar li.form-section {
|
79
85
|
width: 100%;
|
80
86
|
padding-left: 0;
|
81
87
|
text-align: left;
|
@@ -90,4 +96,30 @@
|
|
90
96
|
padding: 0;
|
91
97
|
}
|
92
98
|
|
99
|
+
/*
|
100
|
+
Navs
|
101
|
+
*/
|
102
|
+
.nav-g, .nav-g ul,
|
103
|
+
.nav-g ul li,
|
104
|
+
.nav-g,
|
105
|
+
.nav-v ul,
|
106
|
+
.nav-v,
|
107
|
+
.nav-tabs ul,
|
108
|
+
.nav-pills,
|
109
|
+
.nav-pills ul {
|
110
|
+
float: none;
|
111
|
+
}
|
112
|
+
.nav-g ul li {
|
113
|
+
margin: 0;
|
114
|
+
margin-bottom: 1px;
|
115
|
+
}
|
116
|
+
.nav-tabs ul li {
|
117
|
+
float: none;
|
118
|
+
}
|
119
|
+
.nav-tabs ul li a,
|
120
|
+
.nav-tabs ul li span {
|
121
|
+
margin-top: 0;
|
122
|
+
bottom: 0;
|
123
|
+
}
|
124
|
+
|
93
125
|
}
|
data/vendor/kube/tables.less
CHANGED
@@ -22,20 +22,23 @@ table.stroked th {
|
|
22
22
|
table.striped tbody tr:nth-child(odd) td {
|
23
23
|
background-color: #f8f8f8;
|
24
24
|
}
|
25
|
-
table.hovered tbody tr:hover td,
|
25
|
+
table.hovered tbody tr:hover td,
|
26
|
+
table.hovered thead tr:hover th {
|
26
27
|
background-color: @colorHoveredTable;
|
27
28
|
}
|
28
29
|
|
29
|
-
.thead-gray td,
|
30
|
+
.thead-gray td,
|
31
|
+
.thead-gray th {
|
30
32
|
background-color: #f0f0f0;
|
31
33
|
}
|
32
|
-
.thead-black td,
|
33
|
-
|
34
|
+
.thead-black td,
|
35
|
+
.thead-black th {
|
36
|
+
font-weight: normal;
|
34
37
|
color: #f6f6f6;
|
35
38
|
color: rgba(255, 255, 255, .9);
|
36
39
|
background-color: #222;
|
37
40
|
}
|
38
41
|
table.bordered .thead-black td,
|
39
42
|
table.bordered .thead-black th {
|
40
|
-
border: 1px solid #444;
|
43
|
+
border: 1px solid #444;
|
41
44
|
}
|