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.
@@ -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";
@@ -0,0 +1,14 @@
1
+ .label {
2
+ border-radius: 2em;
3
+ border: 1px solid #ddd;
4
+ font-size: .7em;
5
+ display: inline-block;
6
+ font-weight: 600;
7
+ line-height: 1.8em;
8
+ padding: 0 1em;
9
+ color: #000;
10
+ text-decoration: none;
11
+ }
12
+ .label:hover {
13
+ border-color: #bbb;
14
+ }
@@ -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
- background-color: mix(@startColor, @endColor, 60%);
16
- background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
17
- background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
18
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
19
- background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
20
- background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
21
- background-image: linear-gradient(top, @startColor, @endColor); // The standard
22
- filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
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
- -webkit-transition: @transition;
27
- -moz-transition: @transition;
28
- -ms-transition: @transition;
29
- -o-transition: @transition;
30
- transition: @transition;
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
- filter: e(%("alpha(opacity=%d)", @opacity));
44
- -moz-opacity: @opacity / 100;
45
- opacity: @opacity / 100;
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
+ }
@@ -1,40 +1,41 @@
1
- /* =Responsive Mobile (Portrait)
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
- .push-half,
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, .forms.columnar div.descr {
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, .forms .multicolumn li.width-33 {
77
+ .forms .multicolumn li.width-50,
78
+ .forms .multicolumn li.width-33 {
76
79
  width: 100%;
77
80
  }
78
- .forms.columnar li fieldset, .forms.columnar li fieldset section {
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
  }
@@ -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, table.hovered thead tr:hover th {
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, .thead-gray th {
30
+ .thead-gray td,
31
+ .thead-gray th {
30
32
  background-color: #f0f0f0;
31
33
  }
32
- .thead-black td, .thead-black th {
33
- font-weight: normal;
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
  }