kube-rails 0.0.10 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. checksums.yaml +4 -4
  2. data/lib/kube/rails/version.rb +1 -1
  3. data/vendor/kube/blocks.less +51 -14
  4. data/vendor/kube/buttons.less +138 -166
  5. data/vendor/kube/forms.less +100 -149
  6. data/vendor/kube/grid.less +122 -75
  7. data/vendor/kube/helpers.less +58 -56
  8. data/vendor/kube/kube.less +10 -24
  9. data/vendor/kube/mixins.less +130 -85
  10. data/vendor/kube/navigation.less +244 -0
  11. data/vendor/kube/{reset.less → normalize.less} +24 -14
  12. data/vendor/kube/prettyprint.less +69 -0
  13. data/vendor/kube/tables.less +24 -49
  14. data/vendor/kube/typography.less +324 -0
  15. data/vendor/kube/variables.less +42 -51
  16. metadata +8 -19
  17. data/vendor/kube/code.less +0 -8
  18. data/vendor/kube/colors.less +0 -52
  19. data/vendor/kube/images.less +0 -24
  20. data/vendor/kube/labels.less +0 -69
  21. data/vendor/kube/lists.less +0 -29
  22. data/vendor/kube/master.less +0 -234
  23. data/vendor/kube/messages.less +0 -34
  24. data/vendor/kube/navs.less +0 -338
  25. data/vendor/kube/responsive-blocks.less +0 -42
  26. data/vendor/kube/responsive-forms.less +0 -23
  27. data/vendor/kube/responsive-grid.less +0 -80
  28. data/vendor/kube/responsive-media.less +0 -31
  29. data/vendor/kube/responsive-navs.less +0 -50
  30. data/vendor/kube/responsive-utils.less +0 -22
  31. data/vendor/kube/typo.less +0 -257
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 18af7d2fa2d7607497c8a002ceb70667f2c77a63
4
- data.tar.gz: b534c8b5843cfe60143dce7f741a81b3eeb21bc4
3
+ metadata.gz: 0c039aafdb1d35cd3baf8907bcb0fe6cdcdd8f43
4
+ data.tar.gz: 0c65ec67c3e016b8c166b2008bbd36f2177d88dc
5
5
  SHA512:
6
- metadata.gz: 50b05ab90b0ae96278b3c6ac432ec41f69f340ddcd825129034563ce6e9db420d5e0b217d977aec0b8f3ad147d3f457279e64349e9151d0210ab5f85ecb56930
7
- data.tar.gz: 7fb06ff74fe686a49e70fc5322dfe6388713492a6807076a516a1fac9263790748ccbe29478633436aadceadf71157f2ac2a83491592be0ade75e3d41d783039
6
+ metadata.gz: 316dd6f152b212e750fefaa3b673fba53238cf5e4a05016e4e3b660c2451fdcdac5097e1f369f9e14db84f45db1aba0b73187c927d58b2e824f0501a70aa4438
7
+ data.tar.gz: 33b7bcfb216481dd9b40fc0da446e19fe5771deeb4f07e36253647fbe971ba26d138bb9bf1fa258c3597aa88fcb1583baca92c253b292b868147615bf5afbaf1
data/lib/kube/rails/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  module Kube
2
2
  module Rails
3
- VERSION = '0.0.10'
3
+ VERSION = '0.2.0'
4
4
  end
5
5
  end
data/vendor/kube/blocks.less CHANGED
@@ -7,20 +7,14 @@
7
7
  .blocks-6 {
8
8
  padding-left: 0;
9
9
  list-style: none;
10
- margin-left: -@gridGutterWidth/(@gridWidth/100)*1%;
11
- .box-sizing(border-box);
12
- .clearfixing;
13
- }
14
- .blocks-2 > li,
15
- .blocks-3 > li,
16
- .blocks-4 > li,
17
- .blocks-5 > li,
18
- .blocks-6 > li {
19
- height: auto;
20
- float: left;
21
- margin-bottom: @baseLine/@em;
22
- margin-left: @gridGutterWidth/(@gridWidth/100)*1%;
23
- .box-sizing(border-box);
10
+ margin-left: -@gridGutterWidth / (@gridWidth / 100) * 1%;
11
+ .clearfix;
12
+ & li {
13
+ height: auto;
14
+ float: left;
15
+ margin-bottom: @baseLine / @em;
16
+ margin-left: @gridGutterWidth / (@gridWidth / 100) * 1%;
17
+ }
24
18
  }
25
19
 
26
20
  .blocks-2 > li { .block(2); }
@@ -32,3 +26,46 @@
32
26
  .block-first {
33
27
  clear: both;
34
28
  }
29
+
30
+ /* =Responsive
31
+ -----------------------------------------------------------------------------*/
32
+ @media only screen and (max-width: 767px) {
33
+
34
+ .blocks-2,
35
+ .blocks-3,
36
+ .blocks-4,
37
+ .blocks-5,
38
+ .blocks-6 {
39
+ margin-left: 0;
40
+ margin-bottom: @baseLine/@em;
41
+ }
42
+
43
+ .blocks-2 > li,
44
+ .blocks-3 > li,
45
+ .blocks-4 > li,
46
+ .blocks-5 > li,
47
+ .blocks-6 > li {
48
+ float: none;
49
+ margin-left: 0;
50
+ width: 100%;
51
+ }
52
+
53
+ .blocks-mobile-50 > li,
54
+ .blocks-mobile-33 > li {
55
+ float: left;
56
+ margin-left: @gridGutterWidth/(@gridWidth/100)*1%;
57
+ }
58
+ .blocks-mobile-33,
59
+ .blocks-mobile-50 {
60
+ margin-left: -@gridGutterWidth/(@gridWidth/100)*1%;
61
+ }
62
+
63
+ .blocks-mobile-50 > li {
64
+ .block(2);
65
+ }
66
+ .blocks-mobile-33 > li {
67
+ .block(3);
68
+ }
69
+
70
+
71
+ }
data/vendor/kube/buttons.less CHANGED
@@ -1,198 +1,170 @@
1
+ /* =Buttons
2
+ -----------------------------------------------------------------------------*/
1
3
  .btn {
2
- text-decoration: none;
3
- color: #000;
4
- border-radius: 2px;
5
- font-family: @buttonFontFamily;
6
- border: 1px solid darken(#fff, 20);
7
- border-bottom-color: darken(#fff, 30);
4
+ display: inline-block;
5
+ vertical-align: top;
6
+
7
+ font-family: @controlsFontFamily;
8
+ font-size: @baseFontSize + 0px;
9
+ font-weight: 400;
10
+
8
11
  line-height: 1;
9
- padding: .7em 1.1em .6em 1.1em;
10
- font-weight: 500;
11
- font-size: .85em;
12
- .gradient(darken(#fff, 1), darken(#fff, 12));
13
- text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
12
+
13
+ text-align: center;
14
+ text-decoration: none;
15
+ color: @colorBody;
16
+
17
+ margin: 0;
18
+ border: none;
19
+ border-radius: 3px;
14
20
  box-shadow: none;
21
+
22
+ cursor: pointer;
23
+
24
+ background: #eeeded;
25
+ padding: 9px 20px;
26
+ height: 2.3em;
27
+
15
28
  &:hover {
16
- color: #000;
17
- background: darken(#fff, 12);
29
+ color: rgba(0, 0, 0, .5);
30
+ background: #dbdada;
18
31
  }
19
32
  }
20
- .btn-black {
21
- border-color: #000;
22
- .gradient(lighten(#000, 30), #000);
23
- }
24
- .btn-red {
25
- border-color: darken(#ef6465, 25);
26
- border-bottom-color: darken(#ef6465, 35);
27
- .gradient(#ef6465, darken(#ef6465, 20));
28
- }
29
- .btn-orange {
30
- border-color: darken(#f48a30, 15);
31
- border-bottom-color: darken(#f48a30, 25);
32
- .gradient(#f48a30, darken(#f48a30, 10));
33
- }
34
- .btn-green {
35
- border-color: darken(#90af45, 18);
36
- border-bottom-color: darken(#90af45, 28);
37
- .gradient(#90af45, darken(#90af45, 15));
38
- }
39
- .btn-blue {
40
- border-color: darken(#1c7ab4, 17);
41
- border-bottom-color: darken(#1c7ab4, 27);
42
- .gradient(#1c7ab4, darken(#1c7ab4, 10));
33
+ input[type="submit"].btn {
34
+ -webkit-appearance: none;
43
35
  }
44
- .btn-yellow {
45
- border-color: darken(#f3c835, 20);
46
- border-bottom-color: darken(#f3c835, 30);
47
- .gradient(#f3c835, darken(#f3c835, 15));
48
- }
49
- .btn-black {
50
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
36
+ .btn-small {
37
+ font-size: @buttonsSmallFontSize;
38
+ padding: 7px 16px;
39
+ }
40
+ .btn-outline {
41
+ background: none;
42
+ border: 1px solid #ddd;
43
+ padding: 8px 19px;
44
+ &.btn-small {
45
+ padding: 6px 15px;
46
+ }
51
47
  }
52
- .btn-red,
53
- .btn-orange,
54
- .btn-green,
48
+
49
+
55
50
  .btn-blue,
56
- .btn-yellow {
57
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.24);
58
- }
59
- .btn-black,
60
51
  .btn-red,
61
- .btn-orange,
62
52
  .btn-green,
63
- .btn-blue,
64
- .btn-yellow {
53
+ .btn-black {
65
54
  color: #fff;
55
+ &:hover {
56
+ color: rgba(255, 255, 255, .7);
57
+ }
66
58
  }
67
- .btn-black:hover,
68
- .btn-red:hover,
69
- .btn-orange:hover,
70
- .btn-green:hover,
71
- .btn-blue:hover,
72
- .btn-yellow:hover {
73
- color: rgba(255, 255, 255, .8);
74
- }
75
- .btn-black:hover {
76
- background: #000;
77
- }
78
- .btn-red:hover {
79
- background: darken(#ef6465, 20);
80
- }
81
- .btn-orange:hover {
82
- background: darken(#f48a30, 10);
59
+ .btn-white {
60
+ background: #fff;
61
+ &:hover { background: darken(#fff, 5%); }
83
62
  }
84
- .btn-green:hover {
85
- background: darken(#90af45, 15);
63
+ .btn-white.btn-outline {
64
+ background: none;
65
+ border-color: rgba(255, 255, 255, .85);
66
+ color: rgba(255, 255, 255, .85);
67
+ &:hover {
68
+ color: rgba(0, 0, 0, .9);
69
+ background: #fff;
70
+ }
86
71
  }
87
- .btn-blue:hover {
88
- background: darken(#1c7ab4, 10);
72
+ .btn-blue {
73
+ background: @colorBlue;
74
+ &:hover { background: darken(@colorBlue, 10%); }
89
75
  }
90
- .btn-yellow:hover {
91
- background: darken(#f3c835, 15);
76
+ .btn-red {
77
+ background: @colorRed;
78
+ &:hover { background: darken(@colorRed, 10%); }
92
79
  }
93
-
94
- .btn-small {
95
- font-size: .7em;
80
+ .btn-green {
81
+ background: @colorGreen;
82
+ &:hover { background: darken(@colorGreen, 10%); }
96
83
  }
97
- .btn-big {
98
- font-size: 1.2em;
99
- line-height: @baseLine / @em;
100
- padding-left: 1.5em;
101
- padding-right: 1.5em;
84
+ .btn-yellow {
85
+ background: @colorYellow;
86
+ color: #000;
87
+ &:hover {
88
+ background: darken(@colorYellow, 17%);
89
+ }
102
90
  }
103
- .btn-round {
104
- border-radius: 20px;
91
+ .btn-black {
92
+ background: #000;
93
+ &:hover { background: lighten(#000, 20%); }
105
94
  }
106
95
 
107
96
  .btn-active,
108
- .btn-active:hover,
109
- .btn.disabled,
110
97
  .btn[disabled],
111
- .btn-disabled,
112
- .btn-disabled:hover {
113
- .opacity(100);
114
- background: darken(#fff, 18);
115
- border: 1px solid darken(#fff, 30);
116
- text-shadow: 0 1px 1px #fff;
98
+ .btn-disabled {
99
+ border: none;
100
+ background: none;
101
+ background-color: #dbdada;
102
+ color: rgba(0, 0, 0, .5);
103
+ &:hover {
104
+ color: rgba(0, 0, 0, .5);
105
+ }
117
106
  }
118
- .btn-active,
119
- .btn-active:hover {
120
- color: #666;
107
+ .btn-active {
108
+ box-shadow: 0 1px 3px rgba(0, 0, 0, .4) inset;
121
109
  }
122
- .btn.disabled,
123
110
  .btn[disabled],
124
- .btn-disabled,
125
- .btn-disabled:hover {
126
- color: #999;
127
- }
128
-
129
- .btn:focus .halflings,
130
- .btn:hover .halflings {
131
- color: @colorGrayDark;
132
- }
133
- .btn-black:hover .halflings,
134
- .btn-red:hover .halflings,
135
- .btn-orange:hover .halflings,
136
- .btn-green:hover .halflings,
137
- .btn-blue:hover .halflings,
138
- .btn-yellow:hover .halflings {
139
- color: rgba(255, 255, 255, .8);
140
- }
141
- .btn-disabled:hover .halflings {
142
- color: #999;
143
- }
144
-
145
- .btn-active .halflings {
146
- color: #555;
111
+ .btn-disabled {
112
+ cursor: default;
113
+ box-shadow: none;
147
114
  }
148
115
 
149
- /* Group */
150
- .btn-single,
151
- .btn-group {
152
- display: inline-block;
153
- margin-right: 2px;
154
- .clearfixing();
155
- vertical-align: bottom;
156
- }
157
- .btn-single > .btn,
158
- .btn-single > input,
159
- .btn-group > .btn,
160
- .btn-group > input {
161
- float: left;
162
- border-radius: 0;
163
- margin-left: -1px;
164
- }
165
- .btn-single > .btn {
166
- border-radius: 4px;
167
- }
168
- .btn-group > .btn:first-child {
169
- border-radius: 4px 0 0 4px;
170
- }
171
- .btn-group > .btn:last-child {
172
- border-radius: 0 4px 4px 0;
173
- }
174
- .btn-group > .btn.btn-round:first-child,
175
- .btn-group > .input-search:first-child {
176
- border-radius: 15px 0 0 15px;
177
- }
178
- .btn-group > .btn.btn-round:last-child,
179
- .btn-group > .input-search:last-child {
180
- border-radius: 0 15px 15px 0;
181
- }
182
- .btn-append,
183
- .btn-group .btn {
184
- padding: 7px 1.1em 6px 1.1em;
116
+ .btn-blue.btn-active,
117
+ .btn-red.btn-active,
118
+ .btn-green.btn-active,
119
+ .btn-black.btn-active {
120
+ box-shadow: 0 1px 3px rgba(0, 0, 0, .7) inset;
185
121
  }
186
122
 
187
- /* Append */
188
- .btn-append {
189
- position: relative;
190
- top: -1px;
191
- margin-left: -2px;
192
- border-radius: 0 4px 4px 0;
123
+ .btn-blue.btn-active,
124
+ .btn-red.btn-active,
125
+ .btn-green.btn-active,
126
+ .btn-black.btn-active,
127
+ .btn-blue.btn-disabled,
128
+ .btn-red.btn-disabled,
129
+ .btn-green.btn-disabled,
130
+ .btn-black.btn-disabled,
131
+ .btn-blue[disabled],
132
+ .btn-red[disabled],
133
+ .btn-green[disabled],
134
+ .btn-black[disabled] {
135
+ color: rgba(255, 255, 255, .6);
136
+ &:hover {
137
+ color: rgba(255, 255, 255, .6);
138
+ }
193
139
  }
194
140
 
195
- /* FF fix */
196
- @-moz-document url-prefix("http://") {
197
- input[type=submit].btn::-moz-focus-inner, button.btn::-moz-focus-inner { border: 0; padding: 0; }
198
- }
141
+ .btn-white.btn-active,
142
+ .btn-white.btn-disabled,
143
+ .btn-white[disabled] {
144
+ background: darken(#fff, 5%);
145
+ }
146
+ .btn-blue.btn-active,
147
+ .btn-blue.btn-disabled,
148
+ .btn-blue[disabled] {
149
+ background: darken(@colorBlue, 10%);
150
+ }
151
+ .btn-red.btn-active,
152
+ .btn-red.btn-disabled,
153
+ .btn-red[disabled] {
154
+ background: darken(@colorRed, 10%);
155
+ }
156
+ .btn-green.btn-active,
157
+ .btn-green.btn-disabled,
158
+ .btn-green[disabled] {
159
+ background: darken(@colorGreen, 10%);
160
+ }
161
+ .btn-yellow.btn-active,
162
+ .btn-yellow.btn-disabled,
163
+ .btn-yellow[disabled] {
164
+ background: darken(@colorYellow, 17%);
165
+ }
166
+ .btn-black.btn-active,
167
+ .btn-black.btn-disabled,
168
+ .btn-black[disabled] {
169
+ background: lighten(#000, 30%);
170
+ }