kube-rails 0.0.10 → 0.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.
@@ -1,5 +1,10 @@
1
- /* =Reset
1
+ /* =Normalize
2
2
  -----------------------------------------------------------------------------*/
3
+ *,
4
+ *:before,
5
+ *:after {
6
+ .box-sizing(border-box);
7
+ }
3
8
  html {
4
9
  font-family: sans-serif;
5
10
  -ms-text-size-adjust: 100%;
@@ -92,7 +97,6 @@ h6 {
92
97
  font-size: 100%;
93
98
  vertical-align: baseline;
94
99
  background: transparent;
95
- font-style: normal;
96
100
  }
97
101
  a:active,
98
102
  a:hover {
@@ -131,7 +135,8 @@ audio:not([controls]) {
131
135
  height: 0;
132
136
  }
133
137
  /* To prevent some browsers from inserting quotes on q and p */
134
- blockquote, q {
138
+ blockquote,
139
+ q {
135
140
  quotes: none;
136
141
  }
137
142
  blockquote p:before,
@@ -164,7 +169,6 @@ th img,
164
169
  td img {
165
170
  vertical-align: top;
166
171
  }
167
- /* Webkit browsers reset margin */
168
172
  button,
169
173
  input,
170
174
  select,
@@ -174,6 +178,7 @@ textarea {
174
178
  textarea {
175
179
  overflow: auto;
176
180
  vertical-align: top;
181
+ resize: vertical;
177
182
  }
178
183
  /* Normalize buttons in IE */
179
184
  button {
@@ -188,28 +193,33 @@ button {
188
193
  }
189
194
  /* Trick with vertical align for radio and checkbox */
190
195
  input[type="radio"],
191
- input[type="checkbox"]
192
- {
196
+ input[type="checkbox"] {
193
197
  font-size: 110%;
194
- box-sizing: border-box;
198
+ position: relative;
199
+ top: -1px;
195
200
  }
196
201
  /* Normalize search fields */
197
202
  input[type="search"] {
198
203
  -webkit-appearance: textfield;
199
- .box-sizing(content-box);
200
204
  }
201
- input[type="search"]::-webkit-search-cancel-button,
202
205
  input[type="search"]::-webkit-search-decoration {
203
206
  -webkit-appearance: none;
204
207
  }
205
- /* Horizontal rule reset */
206
208
  hr {
207
209
  display: block;
208
210
  height: 1px;
209
211
  border: 0;
210
212
  border-top: 1px solid #ddd;
211
213
  }
212
- /* Clearfix */
213
- .group {
214
- .clearfixing;
215
- }
214
+ /* Responsive media */
215
+ img,
216
+ video {
217
+ max-width: 100%;
218
+ height: auto;
219
+ }
220
+ img {
221
+ -ms-interpolation-mode: bicubic;
222
+ }
223
+ audio {
224
+ width: 100%;
225
+ }
@@ -0,0 +1,69 @@
1
+ /* string content */
2
+ .str {
3
+ color: #dd1144;
4
+ }
5
+
6
+ /* a keyword */
7
+ .kwd {
8
+ color: #333333;
9
+ }
10
+
11
+ /* a comment */
12
+ .com {
13
+ color: #999988;
14
+ }
15
+
16
+ /* a type name */
17
+ .typ {
18
+ color: #445588;
19
+ }
20
+
21
+ /* a literal value */
22
+ .lit {
23
+ color: #445588;
24
+ }
25
+
26
+ /* punctuation */
27
+ .pun {
28
+ color: #888;
29
+ }
30
+
31
+ /* lisp open bracket */
32
+ .opn {
33
+ color: #333333;
34
+ }
35
+
36
+ /* lisp close bracket */
37
+ .clo {
38
+ color: #333333;
39
+ }
40
+
41
+ /* a markup tag name */
42
+ .tag {
43
+ color: #367ac3;
44
+ }
45
+
46
+ /* a markup attribute name */
47
+ .atn {
48
+ color: #51a7c9;
49
+ }
50
+
51
+ /* a markup attribute value */
52
+ .atv {
53
+ color: #709c1a;
54
+ }
55
+
56
+ /* a declaration */
57
+ .dec {
58
+ color: #666;
59
+ }
60
+
61
+ /* a variable name */
62
+ .var {
63
+ color: teal;
64
+ }
65
+
66
+ /* a function name */
67
+ .fun {
68
+ color: #990000;
69
+ }
@@ -1,65 +1,40 @@
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
- }
12
- table caption {
13
- text-transform: uppercase;
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;
3
+ table.table-bordered td,
4
+ table.table-bordered th {
5
+ border: 1px solid #ddd;
22
6
  }
23
7
  table.table-simple td,
24
8
  table.table-simple th {
25
- border: none;
26
- padding: ((@baseLine / 2) / @em) 0.7em ((@baseLine / 2) / @em) 0;
27
- }
28
- table.table-simple caption {
9
+ border: none;
29
10
  padding-left: 0;
30
11
  }
31
- table.table-bordered td,
32
- table.table-bordered th {
33
- border: 1px solid #ddd;
34
- }
35
- table.table-stroked td,
36
- table.table-stroked th {
37
- border-bottom: 1px solid #eee;
12
+ table.table-flat td,
13
+ table.table-flat th {
14
+ border: none;
15
+ padding: 0;
38
16
  }
39
17
  table.table-striped tbody tr:nth-child(odd) td {
40
- background-color: @colorStripedTable;
41
- }
42
- table.table-hovered tbody tr:hover td,
43
- table.table-hovered thead tr:hover th {
44
- background-color: @colorHoveredTable;
18
+ background-color: #f8f8f8;
45
19
  }
46
20
 
47
21
  /* Responsive Tables */
48
22
  .table-container {
49
23
  width: 100%;
50
24
  overflow: auto;
51
- margin-bottom: @baseLine/@em;
52
- }
53
- .table-container table {
54
- margin-bottom: 0;
25
+ margin-bottom: @baseLineInEms;
26
+ & table {
27
+ margin-bottom: 0;
28
+ }
29
+ &::-webkit-scrollbar {
30
+ -webkit-appearance: none;
31
+ width: 14px;
32
+ height: 14px;
33
+ }
34
+ &::-webkit-scrollbar-thumb {
35
+ border-radius: 8px;
36
+ border: 3px solid #fff;
37
+ background-color: rgba(0, 0, 0, .3);
38
+ }
55
39
  }
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);
65
- }
40
+
@@ -0,0 +1,324 @@
1
+ /* =Typography
2
+ -----------------------------------------------------------------------------*/
3
+ body {
4
+ background: @backgroundBody;
5
+ color: @colorBody;
6
+ font-size: @baseFontSize + 0px;
7
+ line-height: @baseLineInEms;
8
+ font-family: @baseFontFamily;
9
+ }
10
+ a {
11
+ color: @colorLink;
12
+ &:focus,
13
+ &:hover {
14
+ color: @colorLinkHover;
15
+ }
16
+ }
17
+ .title,
18
+ h1,
19
+ h2,
20
+ h3,
21
+ h4,
22
+ h5,
23
+ h6 {
24
+ font-family: @headingsFontFamily;
25
+ font-weight: bold;
26
+ color: @colorHeadings;
27
+ text-rendering: optimizeLegibility;
28
+ }
29
+ h1 {
30
+ font-size: @h1FontSize;
31
+ line-height: 1.111em;
32
+ margin-bottom: .25em;
33
+ }
34
+ h2 {
35
+ font-size: @h2FontSize;
36
+ line-height: 1.111em;
37
+ margin-bottom: .5em;
38
+ }
39
+ h3 {
40
+ font-size: @h3FontSize;
41
+ line-height: 1.333em;
42
+ margin-bottom: .5em;
43
+ }
44
+ h4 {
45
+ font-size: @h4FontSize;
46
+ line-height: 1.5em;
47
+ margin-bottom: .333em;
48
+ }
49
+ h5 {
50
+ font-size: @h5FontSize;
51
+ line-height: @baseLineInEms;
52
+ margin-bottom: .25em;
53
+ }
54
+ h6 {
55
+ font-size: @h6FontSize;
56
+ text-transform: uppercase;
57
+ line-height: @baseLineInEms;
58
+ margin-bottom: .25em;
59
+ }
60
+
61
+ /* =Subheading
62
+ -----------------------------------------------------------------------------*/
63
+ hgroup h1:first-child,
64
+ hgroup h2:first-child,
65
+ hgroup h3:first-child,
66
+ hgroup h4:first-child,
67
+ hgroup h5:first-child, {
68
+ margin-bottom: 0;
69
+ }
70
+ h1.subheading,
71
+ h2.subheading,
72
+ h3.subheading,
73
+ h4.subheading,
74
+ h5.subheading {
75
+ font-weight: 300;
76
+ }
77
+ h1.subheading {
78
+ font-size: @h1SubheadingFontSize;
79
+ }
80
+ h2.subheading {
81
+ font-size: @h2SubheadingFontSize;
82
+ }
83
+ h3.subheading {
84
+ font-size: @h3SubheadingFontSize;
85
+ }
86
+ h4.subheading {
87
+ font-size: @h4SubheadingFontSize;
88
+ }
89
+ h5.subheading {
90
+ font-size: @h5SubheadingFontSize;
91
+ }
92
+
93
+ /* =Lead
94
+ -----------------------------------------------------------------------------*/
95
+ .lead {
96
+ font-size: @leadFontSize;
97
+ font-weight: 300;
98
+ line-height: 1.4em;
99
+ margin-bottom: .75em;
100
+ }
101
+ p,
102
+ ul,
103
+ ol,
104
+ dl,
105
+ dd,
106
+ dt,
107
+ blockquote,
108
+ td,
109
+ th {
110
+ line-height: @baseLineInEms;
111
+ }
112
+ ul,
113
+ ol,
114
+ ul ul,
115
+ ol ol,
116
+ ul ol,
117
+ ol ul {
118
+ margin: 0 0 0 @baseLineInEms;
119
+ }
120
+ ol ol li {
121
+ list-style-type: lower-alpha;
122
+ }
123
+ ol ol ol li {
124
+ list-style-type: lower-roman;
125
+ }
126
+ p,
127
+ ul,
128
+ ol,
129
+ dl,
130
+ blockquote,
131
+ hr,
132
+ pre,
133
+ table,
134
+ form,
135
+ fieldset,
136
+ figure,
137
+ address {
138
+ margin-bottom: @baseLineInEms;
139
+ }
140
+ address {
141
+ font-style: normal;
142
+ }
143
+ dl dt {
144
+ font-weight: 500;
145
+ }
146
+ dd {
147
+ margin-left: 1em;
148
+ }
149
+ blockquote {
150
+ font-size: @quoteFontSize;
151
+ font-style: italic;
152
+ position: relative;
153
+ padding-left: @baseLineInEms;
154
+ margin-left: 0;
155
+ border-left: 2px solid #dbdada;
156
+ & p {
157
+ margin-bottom: .5em;
158
+ }
159
+ }
160
+ blockquote small,
161
+ cite {
162
+ color: #777;
163
+ font-style: italic;
164
+ }
165
+ small,
166
+ blockquote cite {
167
+ font-size: @smallFontSize;
168
+ line-height: 1;
169
+ }
170
+ del {
171
+ text-decoration: line-through;
172
+ }
173
+ abbr[title],
174
+ dfn[title] {
175
+ border-bottom: 1px dotted #000;
176
+ cursor: help;
177
+ }
178
+ strong,
179
+ b {
180
+ font-weight: bold;
181
+ }
182
+ em,
183
+ i {
184
+ font-style: italic;
185
+ }
186
+ sub,
187
+ sup {
188
+ font-size: @superSmallFontSize;
189
+ line-height: 0;
190
+ position: relative;
191
+ }
192
+ sup {
193
+ top: -0.5em;
194
+ }
195
+ sub {
196
+ bottom: -0.25em;
197
+ }
198
+ figcaption {
199
+ font-size: @smallFontSize;
200
+ font-style: italic;
201
+ }
202
+ ins,
203
+ mark {
204
+ background-color: @colorYellow;
205
+ color: @colorBlack;
206
+ text-decoration: none;
207
+ }
208
+ pre,
209
+ code,
210
+ kbd,
211
+ samp {
212
+ font-size: 90%;
213
+ font-family: @codeFontFamily;
214
+ }
215
+ pre {
216
+ font-size: 90%;
217
+ line-height: 1.45em;
218
+ color: @colorBody;
219
+ background: #f6f6f6;
220
+ padding: @baseLineInEms;
221
+ overflow: auto;
222
+ }
223
+ code {
224
+ padding: 3px 3px 1px 3px;
225
+ display: inline-block;
226
+ line-height: 1;
227
+ background: #f6f6f6;
228
+ border: 1px solid #ddd;
229
+ }
230
+ pre code {
231
+ font-size: 100%;
232
+ border: none;
233
+ padding: 0;
234
+ background: none;
235
+ line-height: @baseLineInEms;
236
+ }
237
+ kbd {
238
+ padding: 2px 6px 1px 6px;
239
+ line-height: 1;
240
+ display: inline-block;
241
+ border-radius: .3em;
242
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px white inset;
243
+ background-color: #fafafa;
244
+ border: 1px solid #ccc;
245
+ color: @colorBody;
246
+ font-weight: normal;
247
+ white-space: nowrap;
248
+ }
249
+ button:active,
250
+ button:focus {
251
+ outline: none;
252
+ }
253
+ input[type="text"],
254
+ input[type="password"],
255
+ input[type="email"],
256
+ input[type="url"],
257
+ input[type="phone"],
258
+ input[type="tel"],
259
+ input[type="number"],
260
+ input[type="datetime"],
261
+ input[type="date"],
262
+ input[type="search"],
263
+ input[type="datetime-local"],
264
+ textarea,
265
+ select[multiple="multiple"] {
266
+ font-family: @controlsFontFamily;
267
+ line-height: 1;
268
+ font-size: @baseFontSize + 0px;
269
+ border-radius: 0;
270
+ background: #fff;
271
+ box-shadow: none;
272
+ border: 1px solid #bbbcc0;
273
+ outline: none;
274
+ padding: 7px 5px;
275
+ position: relative;
276
+ z-index: 2;
277
+ -webkit-appearance: none;
278
+ }
279
+ input[type="text"],
280
+ input[type="password"],
281
+ input[type="email"],
282
+ input[type="url"],
283
+ input[type="phone"],
284
+ input[type="tel"],
285
+ input[type="number"],
286
+ input[type="datetime"],
287
+ input[type="date"],
288
+ input[type="search"],
289
+ input[type="datetime-local"] {
290
+ height: 2.3em;
291
+ }
292
+ input[type="range"] {
293
+ position: relative;
294
+ top: 3px;
295
+ }
296
+ select[multiple="multiple"],
297
+ textarea {
298
+ line-height: 1.35em;
299
+ }
300
+ fieldset {
301
+ padding: @baseLineInEms;
302
+ margin-bottom: @baseLineInEms;
303
+ border: 1px solid #dbdada;
304
+ }
305
+ legend {
306
+ font-weight: bold;
307
+ padding: 0 1em;
308
+ margin-left: -1em;
309
+ }
310
+ tfoot th,
311
+ tfoot td {
312
+ background-color: #f4f4f4;
313
+ }
314
+ th,
315
+ td {
316
+ border-bottom: 1px solid #eee;
317
+ padding: 8px 10px;
318
+ }
319
+ table caption {
320
+ text-transform: uppercase;
321
+ padding: 0 1em;
322
+ color: #777;
323
+ font-size: @smallFontSize;
324
+ }
@@ -1,68 +1,59 @@
1
1
  // Font
2
- @baseFontFamily: 'PT Sans', Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
2
+ @baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
3
3
  @headingsFontFamily: @baseFontFamily;
4
- @inputFontFamily: @baseFontFamily;
5
- @buttonFontFamily: @baseFontFamily;
6
- @codeFontFamily: Consolas, Monaco, monospace, sans-serif;
4
+ @controlsFontFamily: @baseFontFamily;
5
+ @codeFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
7
6
 
8
7
  // Base color
8
+ @backgroundBody: #fff;
9
9
  @colorBody: #333;
10
10
  @colorHeadings: #222;
11
11
 
12
- // Type
13
- @baseFontSize: 14;
14
- @baseLineHeight: 1.65;
15
- @baseLine: @baseFontSize * @baseLineHeight;
16
-
17
12
  // Grid
18
13
  @gridWidth: 1000;
19
14
  @gridGutterWidth: 30;
20
15
 
21
- // Misc sizes
22
- @listsLeft: 2em;
23
- @columnarWidth: 150px;
24
- @columnarMargin: 20px;
25
-
26
- // Font sizes
27
- @bigFontSize: 1.2em;
28
- @smallFontSize: 0.85em;
29
- @superSmallFontSize: 0.7em;
30
-
31
- // FloatingImages
32
- @floatingMargin: 1em;
33
- @floatingBackgroundColor: #fff;
34
- @floatingPadding: 0;
35
- @floatingBorder: none;
36
-
37
- // LinkColor
38
- @colorLink: #369;
39
- @colorLinkHover: #ef6465;
16
+ // Type
17
+ @baseFontSize: 14;
18
+ @baseLineHeight: 1.6;
19
+ @baseLine: @baseFontSize * @baseLineHeight;
20
+ @baseLineInEms: @baseLine / @em;
21
+
22
+ // Heading
23
+ @h1FontSize: @baseFontSize + 22px; // 36px
24
+ @h2FontSize: @baseFontSize + 16px; // 30px
25
+ @h3FontSize: @baseFontSize + 10px; // 24px
26
+ @h4FontSize: @baseFontSize + 4px; // 18px
27
+ @h5FontSize: @baseFontSize + 0px; // 14px
28
+ @h6FontSize: @baseFontSize - 2px; // 12px
29
+
30
+ @h1SubheadingFontSize: @baseFontSize + 16px; // 30px
31
+ @h2SubheadingFontSize: @baseFontSize + 10px; // 24px
32
+ @h3SubheadingFontSize: @baseFontSize + 4px; // 18px
33
+ @h4SubheadingFontSize: @baseFontSize + 0px; // 14px
34
+ @h5SubheadingFontSize: @baseFontSize - 2px; // 12px
35
+
36
+ // Font size
37
+ @superSmallFontSize: @baseFontSize - 4px; // 10px
38
+ @smallFontSize: @baseFontSize - 2px; // 12px
39
+ @leadFontSize: @baseFontSize + 4px; // 18px
40
+ @bigFontSize: @baseFontSize + 4px; // 18px
41
+ @quoteFontSize: @baseFontSize + 2px; // 16px
42
+ @buttonsSmallFontSize: @baseFontSize - 3px; // 11px
40
43
 
41
44
  // Colors
42
- @colorBlack: #000;
43
- @colorGrayDark: #555;
44
- @colorGray: #777;
45
- @colorGrayLight: #999;
46
- @colorWhite: #fff;
47
- @colorRed: #ef6465;
48
- @colorOrange: #f48a30;
49
- @colorGreen: #90af45;
50
- @colorBlue: #1c7ab4;
51
- @colorYellow: #f3c835;
45
+ @colorBlack: #0f0f0f;
46
+ @colorBlue: #3d58a8;
47
+ @colorRed: #d70a16;
48
+ @colorGreen: #159776;
49
+ @colorYellow: #fddc43;
52
50
 
53
- // BackgroundColor
54
- @markBackgroundColor: #fe5;
55
- @codeBackgroundColor: #f5f5f5;
56
- @tfootBackgroundColor: #f2f2f2;
57
- @colorStripedTable: #f5f5f5;
58
- @colorHoveredTable: #f6f6f6;
51
+ // LinkColor
52
+ @colorLink: #3570c3;
53
+ @colorLinkHover: @colorRed;
59
54
 
60
- // Borders
61
- @cellBorder: 1px solid #eee;
62
- @cellBorderDark: 1px solid #ddd;
63
- @fieldsetBorder: 1px solid #e3e3e3;
55
+ // Forms
56
+ @fieldsBottom: 1em;
64
57
 
65
58
  // Util
66
- @em: @baseFontSize*1em; // outputting ems, e.g. 14/@em
67
-
68
-
59
+ @em: @baseFontSize * 1em; // outputting ems, e.g. 14 / @em