kube-rails 0.0.5 → 0.0.6

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.
@@ -0,0 +1,215 @@
1
+ /* =Reset
2
+ -----------------------------------------------------------------------------*/
3
+ html {
4
+ font-family: sans-serif;
5
+ -ms-text-size-adjust: 100%;
6
+ -webkit-text-size-adjust: 100%;
7
+ }
8
+ html,
9
+ body,
10
+ div,
11
+ span,
12
+ object,
13
+ iframe,
14
+ p,
15
+ blockquote,
16
+ pre,
17
+ a,
18
+ abbr,
19
+ acronym,
20
+ address,
21
+ big,
22
+ cite,
23
+ code,
24
+ del,
25
+ dfn,
26
+ em,
27
+ img,
28
+ ins,
29
+ kbd,
30
+ q,
31
+ s,
32
+ samp,
33
+ small,
34
+ strike,
35
+ strong,
36
+ sub,
37
+ sup,
38
+ tt,
39
+ var,
40
+ b,
41
+ u,
42
+ i,
43
+ center,
44
+ dl,
45
+ dt,
46
+ dd,
47
+ ol,
48
+ ul,
49
+ li,
50
+ fieldset,
51
+ form,
52
+ label,
53
+ legend,
54
+ table,
55
+ caption,
56
+ tbody,
57
+ tfoot,
58
+ thead,
59
+ tr,
60
+ th,
61
+ td,
62
+ article,
63
+ aside,
64
+ canvas,
65
+ details,
66
+ embed,
67
+ figure,
68
+ figcaption,
69
+ footer,
70
+ header,
71
+ hgroup,
72
+ menu,
73
+ nav,
74
+ output,
75
+ ruby,
76
+ section,
77
+ summary,
78
+ time,
79
+ mark,
80
+ audio,
81
+ video,
82
+ h1,
83
+ h2,
84
+ h3,
85
+ h4,
86
+ h5,
87
+ h6 {
88
+ margin: 0;
89
+ padding: 0;
90
+ border: 0;
91
+ outline: 0;
92
+ font-size: 100%;
93
+ vertical-align: baseline;
94
+ background: transparent;
95
+ font-style: normal;
96
+ }
97
+ a:active,
98
+ a:hover {
99
+ outline: 0;
100
+ }
101
+ button,
102
+ input {
103
+ line-height: normal;
104
+ }
105
+ button,
106
+ select {
107
+ text-transform: none;
108
+ }
109
+ /* Structure tags */
110
+ article,
111
+ aside,
112
+ details,
113
+ figcaption,
114
+ figure,
115
+ footer,
116
+ header,
117
+ hgroup,
118
+ main,
119
+ nav,
120
+ section,
121
+ summary {
122
+ display: block;
123
+ }
124
+ audio,
125
+ canvas,
126
+ video {
127
+ display: inline-block;
128
+ }
129
+ audio:not([controls]) {
130
+ display: none;
131
+ height: 0;
132
+ }
133
+ /* To prevent some browsers from inserting quotes on q and p */
134
+ blockquote, q {
135
+ quotes: none;
136
+ }
137
+ blockquote p:before,
138
+ blockquote p:after,
139
+ q:before,
140
+ q:after {
141
+ content: '';
142
+ content: none;
143
+ }
144
+ /* Table reset */
145
+ table {
146
+ border-collapse: collapse;
147
+ border-spacing: 0;
148
+ }
149
+ caption,
150
+ th,
151
+ td {
152
+ text-align: left;
153
+ vertical-align: top;
154
+ font-weight: normal;
155
+ }
156
+ thead th,
157
+ thead td {
158
+ font-weight: bold;
159
+ vertical-align: bottom;
160
+ }
161
+ /* Image inside */
162
+ a img,
163
+ th img,
164
+ td img {
165
+ vertical-align: top;
166
+ }
167
+ /* Webkit browsers reset margin */
168
+ button,
169
+ input,
170
+ select,
171
+ textarea {
172
+ margin: 0;
173
+ }
174
+ textarea {
175
+ overflow: auto;
176
+ vertical-align: top;
177
+ }
178
+ /* Normalize buttons in IE */
179
+ button {
180
+ width: auto;
181
+ overflow: visible;
182
+ }
183
+ /* Hand cursor on clickable controls */
184
+ input[type=button],
185
+ input[type=submit],
186
+ button {
187
+ cursor: pointer;
188
+ }
189
+ /* Trick with vertical align for radio and checkbox */
190
+ input[type="radio"],
191
+ input[type="checkbox"]
192
+ {
193
+ font-size: 110%;
194
+ box-sizing: border-box;
195
+ }
196
+ /* Normalize search fields */
197
+ input[type="search"] {
198
+ -webkit-appearance: textfield;
199
+ .box-sizing(content-box);
200
+ }
201
+ input[type="search"]::-webkit-search-cancel-button,
202
+ input[type="search"]::-webkit-search-decoration {
203
+ -webkit-appearance: none;
204
+ }
205
+ /* Horizontal rule reset */
206
+ hr {
207
+ display: block;
208
+ height: 1px;
209
+ border: 0;
210
+ border-top: 1px solid #ddd;
211
+ }
212
+ /* Clearfix */
213
+ .group {
214
+ .clearfixing;
215
+ }
@@ -0,0 +1,42 @@
1
+ /* =Mobile (Portrait)
2
+ -----------------------------------------------------------------------------*/
3
+ @media only screen and (max-width: 767px) {
4
+
5
+ .blocks-2,
6
+ .blocks-3,
7
+ .blocks-4,
8
+ .blocks-5,
9
+ .blocks-6 {
10
+ margin-left: 0;
11
+ margin-bottom: @baseLine/@em;
12
+ }
13
+
14
+ .blocks-2 > li,
15
+ .blocks-3 > li,
16
+ .blocks-4 > li,
17
+ .blocks-5 > li,
18
+ .blocks-6 > li {
19
+ float: none;
20
+ margin-left: 0;
21
+ width: 100%;
22
+ }
23
+
24
+ .blocks-mobile-50 > li,
25
+ .blocks-mobile-33 > li {
26
+ float: left;
27
+ margin-left: @gridGutterWidth/(@gridWidth/100)*1%;
28
+ }
29
+ .blocks-mobile-33,
30
+ .blocks-mobile-50 {
31
+ margin-left: -@gridGutterWidth/(@gridWidth/100)*1%;
32
+ }
33
+
34
+ .blocks-mobile-50 > li {
35
+ .block(2);
36
+ }
37
+ .blocks-mobile-33 > li {
38
+ .block(3);
39
+ }
40
+
41
+
42
+ }
@@ -0,0 +1,23 @@
1
+ /* =Mobile (Portrait)
2
+ -----------------------------------------------------------------------------*/
3
+ @media only screen and (max-width: 767px) {
4
+
5
+ .forms-columnar label {
6
+ float: none;
7
+ text-align: left;
8
+ width: auto;
9
+ margin-bottom: 0;
10
+ }
11
+ .forms-push label {
12
+ position: relative;
13
+ }
14
+ .forms-push,
15
+ .forms-columnar .forms-section {
16
+ padding-left: 0;
17
+ }
18
+ .forms-columnar .forms-list,
19
+ .forms-columnar .forms-inline-list {
20
+ margin-left: 0;
21
+ }
22
+
23
+ }
@@ -0,0 +1,80 @@
1
+ /* =Mobile (Portrait)
2
+ -----------------------------------------------------------------------------*/
3
+ @media only screen and (max-width: 767px) {
4
+
5
+ .units-row .unit-80,
6
+ .units-row .unit-75,
7
+ .units-row .unit-70,
8
+ .units-row .unit-66,
9
+ .units-row .unit-60,
10
+ .units-row .unit-50,
11
+ .units-row .unit-40,
12
+ .units-row .unit-33,
13
+ .units-row .unit-30,
14
+ .units-row .unit-25,
15
+ .units-row .unit-20,
16
+ .units-row-end .unit-80,
17
+ .units-row-end .unit-75,
18
+ .units-row-end .unit-70,
19
+ .units-row-end .unit-66,
20
+ .units-row-end .unit-60,
21
+ .units-row-end .unit-50,
22
+ .units-row-end .unit-40,
23
+ .units-row-end .unit-33,
24
+ .units-row-end .unit-30,
25
+ .units-row-end .unit-25,
26
+ .units-row-end .unit-20 {
27
+ width: 100%;
28
+ float: none;
29
+ margin-left: 0;
30
+ margin-bottom: @baseLine/@em;
31
+ }
32
+
33
+ .unit-push-80,
34
+ .unit-push-75,
35
+ .unit-push-70,
36
+ .unit-push-66,
37
+ .unit-push-60,
38
+ .unit-push-50,
39
+ .unit-push-40,
40
+ .unit-push-33,
41
+ .unit-push-30,
42
+ .unit-push-25,
43
+ .unit-push-20 {
44
+ left: 0;
45
+ }
46
+
47
+ .units-row-end .unit-push-right,
48
+ .units-row .unit-push-right {
49
+ float: none;
50
+ }
51
+
52
+ .units-mobile-50 .unit-80,
53
+ .units-mobile-50 .unit-75,
54
+ .units-mobile-50 .unit-70,
55
+ .units-mobile-50 .unit-66,
56
+ .units-mobile-50 .unit-60,
57
+ .units-mobile-50 .unit-40,
58
+ .units-mobile-50 .unit-30,
59
+ .units-mobile-50 .unit-33,
60
+ .units-mobile-50 .unit-25,
61
+ .units-mobile-50 .unit-20 {
62
+ float: left;
63
+ margin-left: @gridGutterWidth/(@gridWidth/100)*1%;
64
+ .column(2);
65
+ }
66
+ .units-mobile-50 .unit-80:first-child,
67
+ .units-mobile-50 .unit-75:first-child,
68
+ .units-mobile-50 .unit-70:first-child,
69
+ .units-mobile-50 .unit-66:first-child,
70
+ .units-mobile-50 .unit-60:first-child,
71
+ .units-mobile-50 .unit-40:first-child,
72
+ .units-mobile-50 .unit-30:first-child,
73
+ .units-mobile-50 .unit-33:first-child,
74
+ .units-mobile-50 .unit-25:first-child,
75
+ .units-mobile-50 .unit-20:first-child {
76
+ margin-left: 0;
77
+ }
78
+
79
+
80
+ }
@@ -0,0 +1,31 @@
1
+ /* =Media
2
+ -----------------------------------------------------------------------------*/
3
+
4
+ /* Responsive images and other embedded objects */
5
+ img,
6
+ video {
7
+ max-width: 100%;
8
+ height: auto;
9
+ }
10
+ img {
11
+ -ms-interpolation-mode: bicubic;
12
+ }
13
+ audio {
14
+ width: 100%;
15
+ }
16
+
17
+ .video-wrapper {
18
+ height: 0;
19
+ padding-bottom: 56.25%; /* ratio 16:9 */
20
+ position: relative;
21
+ margin-bottom: @baseLine/@em;
22
+ }
23
+ .video-wrapper iframe,
24
+ .video-wrapper object,
25
+ .video-wrapper embed {
26
+ position: absolute;
27
+ top: 0;
28
+ left: 0;
29
+ width: 100%;
30
+ height: 100%;
31
+ }
@@ -0,0 +1,50 @@
1
+ /* =Mobile (Portrait)
2
+ -----------------------------------------------------------------------------*/
3
+ @media only screen and (max-width: 767px) {
4
+
5
+ .nav-h,
6
+ .nav-h ul,
7
+ .nav-h ul li,
8
+ .nav-h,
9
+ .nav-g,
10
+ .nav-g ul,
11
+ .nav-g ul li,
12
+ .nav-g,
13
+ .nav-v ul,
14
+ .nav-v,
15
+ .nav-tabs ul,
16
+ .nav-pills,
17
+ .nav-pills ul {
18
+ float: none;
19
+ }
20
+ .nav-h ul li,
21
+ .nav-g ul li {
22
+ margin: 0;
23
+ margin-bottom: 1px;
24
+ }
25
+
26
+ .nav-tabs ul li {
27
+ float: none;
28
+ margin-right: 0;
29
+ }
30
+ .nav-tabs ul li a,
31
+ .nav-tabs ul li span,
32
+ .nav-tabs ul li .active {
33
+ margin-top: 0;
34
+ bottom: 0;
35
+ padding: 8px 12px 9px 12px;
36
+ border: 1px solid #ddd;
37
+ border-bottom: none;
38
+ }
39
+
40
+ .nav-tabs-v {
41
+ border-bottom: 1px solid #ddd;
42
+ border-right: none;
43
+ }
44
+ .nav-tabs-v ul li span {
45
+ margin-top: 0;
46
+ bottom: 0;
47
+ margin-right: 0;
48
+ }
49
+
50
+ }
@@ -0,0 +1,22 @@
1
+ /* =Tablet and Desktop
2
+ -----------------------------------------------------------------------------*/
3
+ @media (min-width: 768px) {
4
+
5
+ .desktop-hide {
6
+ display: none;
7
+ }
8
+
9
+ }
10
+
11
+ /* =Mobile (Portrait)
12
+ -----------------------------------------------------------------------------*/
13
+ @media only screen and (max-width: 767px) {
14
+
15
+ .mobile-text-centered {
16
+ text-align: center;
17
+ }
18
+ .mobile-hide {
19
+ display: none;
20
+ }
21
+
22
+ }
@@ -1,44 +1,65 @@
1
1
  /* =Tables
2
2
  -----------------------------------------------------------------------------*/
3
+ tfoot th,
4
+ tfoot td {
5
+ background-color: @tfootBackgroundColor;
6
+ }
7
+ th,
8
+ td {
9
+ border-bottom: @cellBorder;
10
+ padding: 0.5em 0.8em;
11
+ }
3
12
  table caption {
4
13
  text-transform: uppercase;
5
- font-weight: bold;
6
- padding-left: 0.5em;
7
- color: #666;
14
+ padding: 0 1em;
15
+ color: @colorGrayLight;
16
+ font-size: @smallFontSize;
17
+ }
18
+ table.table-flat td,
19
+ table.table-flat th {
20
+ border: none;
21
+ padding: 0;
8
22
  }
9
- table.simple td,
10
- table.simple th {
23
+ table.table-simple td,
24
+ table.table-simple th {
11
25
  border: none;
12
26
  padding: ((@baseLine / 2) / @em) 0.7em ((@baseLine / 2) / @em) 0;
13
27
  }
14
- table.bordered td,
15
- table.bordered th {
28
+ table.table-simple caption {
29
+ padding-left: 0;
30
+ }
31
+ table.table-bordered td,
32
+ table.table-bordered th {
16
33
  border: 1px solid #ddd;
17
34
  }
18
- table.stroked td,
19
- table.stroked th {
35
+ table.table-stroked td,
36
+ table.table-stroked th {
20
37
  border-bottom: 1px solid #eee;
21
38
  }
22
- table.striped tbody tr:nth-child(odd) td {
23
- background-color: #f8f8f8;
39
+ table.table-striped tbody tr:nth-child(odd) td {
40
+ background-color: @colorStripedTable;
24
41
  }
25
- table.hovered tbody tr:hover td,
26
- table.hovered thead tr:hover th {
42
+ table.table-hovered tbody tr:hover td,
43
+ table.table-hovered thead tr:hover th {
27
44
  background-color: @colorHoveredTable;
28
45
  }
29
46
 
30
- .thead-gray td,
31
- .thead-gray th {
32
- background-color: #f0f0f0;
33
- }
34
- .thead-black td,
35
- .thead-black th {
36
- font-weight: normal;
37
- color: #f6f6f6;
38
- color: rgba(255, 255, 255, .9);
39
- background-color: #222;
40
- }
41
- table.bordered .thead-black td,
42
- table.bordered .thead-black th {
43
- border: 1px solid #444;
47
+ /* Responsive Tables */
48
+ .table-container {
49
+ width: 100%;
50
+ overflow: auto;
51
+ margin-bottom: @baseLine/@em;
52
+ }
53
+ .table-container table {
54
+ margin-bottom: 0;
55
+ }
56
+ .table-container::-webkit-scrollbar {
57
+ -webkit-appearance: none;
58
+ width: 14px;
59
+ height: 14px;
60
+ }
61
+ .table-container::-webkit-scrollbar-thumb {
62
+ border-radius: 8px;
63
+ border: 3px solid #fff;
64
+ background-color: rgba(0, 0, 0, .3);
44
65
  }
@@ -2,7 +2,7 @@
2
2
  -----------------------------------------------------------------------------*/
3
3
  body {
4
4
  background: @colorWhite;
5
- color: @colorBlack;
5
+ color: @colorBody;
6
6
  font-size: @baseFontSize / 16 * 1em;
7
7
  line-height: @baseLine/@em;
8
8
  font-family: @baseFontFamily;
@@ -20,6 +20,7 @@ h3,
20
20
  h4,
21
21
  h5,
22
22
  h6 {
23
+ color: @colorHeadings;
23
24
  font-family: @headingsFontFamily;
24
25
  font-weight: bold;
25
26
  }
@@ -125,7 +126,8 @@ hr,
125
126
  pre,
126
127
  table,
127
128
  form,
128
- fieldset {
129
+ fieldset,
130
+ figure {
129
131
  margin-bottom: @baseLine/@em;
130
132
  }
131
133
  dl dt {
@@ -136,25 +138,28 @@ dd {
136
138
  }
137
139
  blockquote {
138
140
  margin-bottom: @baseLine/@em;
141
+ position: relative;
142
+ color: @colorGray;
139
143
  padding-left: @baseLine/@em;
140
- border-left: 1px solid #ccc;
141
- color: @colorGrayDark;
144
+ margin-left: @baseLine/@em;
145
+ border-left: 1px solid #ddd;
142
146
  }
143
- blockquote small, cite {
147
+
148
+ blockquote small,
149
+ cite {
144
150
  color: @colorGrayLight;
145
151
  font-style: normal;
146
152
  }
147
153
  blockquote p {
148
- font-size: 1.1em;
149
154
  margin-bottom: .5em;
150
- font-style: italic;
151
155
  }
152
156
  small,
153
157
  blockquote cite {
154
158
  font-size: @smallFontSize;
155
159
  line-height: 1;
156
160
  }
157
- blockquote .pull-right, .row blockquote .pull-right {
161
+ blockquote .pull-right,
162
+ .units-row blockquote .pull-right {
158
163
  float: none;
159
164
  text-align: right;
160
165
  display: block;
@@ -212,7 +217,6 @@ pre {
212
217
  color: #444;
213
218
  background: @codeBackgroundColor;
214
219
  padding: .85em;
215
- white-space: pre-wrap;
216
220
  overflow: auto;
217
221
  }
218
222
  code {
@@ -223,7 +227,9 @@ code {
223
227
  border: 1px solid #ddd;
224
228
  }
225
229
  kbd {
226
- padding: 0 .4em;
230
+ padding: 2px 6px 1px 6px;
231
+ line-height: 1;
232
+ display: inline-block;
227
233
  border-radius: .3em;
228
234
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2),0 0 0 1px white inset;
229
235
  background-color: #fafafa;
@@ -241,20 +247,11 @@ textarea {
241
247
  font-size: .95em;
242
248
  }
243
249
  fieldset {
244
- padding: 2em @baseLine/@em;
250
+ padding: @baseLine/@em;
245
251
  margin-bottom: @baseLine/@em;
246
252
  border: @fieldsetBorder;
247
253
  }
248
254
  legend {
249
- font-size: 1.2em;
250
- text-transform: uppercase;
251
255
  font-weight: bold;
252
256
  padding: 0 1em;
253
- }
254
- tfoot th, tfoot td {
255
- background-color: @tfootBackgroundColor;
256
- }
257
- th, td {
258
- border-bottom: @cellBorder;
259
- padding: ((@baseLine / 2) / @em) 0.5em;
260
257
  }