kentucky 1.5.1 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (44) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +2 -1
  3. data/app/assets/stylesheets/kentucky/_kentucky.scss +35 -37
  4. data/app/assets/stylesheets/kentucky/{helpers → addons}/_border.scss +3 -2
  5. data/app/assets/stylesheets/kentucky/addons/_clearfix.scss +14 -0
  6. data/app/assets/stylesheets/kentucky/addons/_easings.scss +37 -0
  7. data/app/assets/stylesheets/kentucky/{helpers → addons}/_hide-text.scss +4 -4
  8. data/app/assets/stylesheets/kentucky/addons/_input-types.scss +82 -0
  9. data/app/assets/stylesheets/kentucky/{helpers → addons}/_position.scss +0 -0
  10. data/app/assets/stylesheets/kentucky/{helpers → addons}/_size.scss +0 -0
  11. data/app/assets/stylesheets/kentucky/addons/_truncate.scss +10 -0
  12. data/app/assets/stylesheets/kentucky/base/_buttons.scss +40 -0
  13. data/app/assets/stylesheets/kentucky/base/_forms.scss +86 -0
  14. data/app/assets/stylesheets/kentucky/{functions/_strip-units.scss → base/_layouts.scss} +3 -3
  15. data/app/assets/stylesheets/kentucky/base/_lists.scss +35 -0
  16. data/app/assets/stylesheets/kentucky/base/_project-settings.scss +112 -0
  17. data/app/assets/stylesheets/kentucky/base/_tables.scss +28 -0
  18. data/app/assets/stylesheets/kentucky/base/_typography.scss +91 -0
  19. data/app/assets/stylesheets/kentucky/functions/_assign.scss +17 -0
  20. data/app/assets/stylesheets/kentucky/functions/_tint-shade.scss +11 -0
  21. data/kentucky.gemspec +2 -2
  22. data/lib/kentucky/version.rb +1 -1
  23. data/readme.md +129 -0
  24. metadata +30 -38
  25. data/app/assets/stylesheets/kentucky/_forms.scss +0 -66
  26. data/app/assets/stylesheets/kentucky/_normalize.scss +0 -253
  27. data/app/assets/stylesheets/kentucky/_project-settings.scss +0 -108
  28. data/app/assets/stylesheets/kentucky/_typography.scss +0 -122
  29. data/app/assets/stylesheets/kentucky/functions/_gradient-functions.scss +0 -214
  30. data/app/assets/stylesheets/kentucky/functions/_remify.scss +0 -39
  31. data/app/assets/stylesheets/kentucky/grid/_grid.scss +0 -104
  32. data/app/assets/stylesheets/kentucky/helpers/_anti-aliased.scss +0 -8
  33. data/app/assets/stylesheets/kentucky/helpers/_breadcrumbs.scss +0 -24
  34. data/app/assets/stylesheets/kentucky/helpers/_clearfix.scss +0 -14
  35. data/app/assets/stylesheets/kentucky/helpers/_font-size.scss +0 -11
  36. data/app/assets/stylesheets/kentucky/helpers/_go.scss +0 -11
  37. data/app/assets/stylesheets/kentucky/helpers/_headings.scss +0 -11
  38. data/app/assets/stylesheets/kentucky/helpers/_html5-input-types.scss +0 -29
  39. data/app/assets/stylesheets/kentucky/helpers/_linear-gradient.scss +0 -42
  40. data/app/assets/stylesheets/kentucky/helpers/_mute.scss +0 -15
  41. data/app/assets/stylesheets/kentucky/helpers/_radial-gradient.scss +0 -24
  42. data/app/assets/stylesheets/kentucky/helpers/_strip-unit.scss +0 -7
  43. data/app/assets/stylesheets/kentucky/helpers/_triangle.scss +0 -49
  44. data/app/assets/stylesheets/kentucky/helpers/_truncate.scss +0 -19
@@ -1,66 +0,0 @@
1
- // ------------------------------------------------------------------- //
2
- // Form Normaliztion; akin to Formalize
3
- // ------------------------------------------------------------------- //
4
-
5
- fieldset{
6
- margin: 0 0 ($base-line-height / 2) 0;
7
- padding: $base-line-height;
8
- background: lighten($base-border-color, 10%);
9
- border: 1px solid $base-border-color;
10
- }
11
-
12
- label{
13
- display: block;
14
- margin-bottom: $base-line-height / 4;
15
- font-weight: bold;
16
-
17
- &.required:after{
18
- content: "*";
19
- }
20
- }
21
-
22
- #{$all-text-inputs},
23
- textarea{
24
- width: 100%;
25
- margin-bottom: $base-line-height / 2;
26
- padding: ($base-line-height / 3) ($base-line-height / 3);
27
- background: #fff;
28
- border: 1px solid $form-border-color;
29
- border-radius: $form-border-radius;
30
- box-shadow: $form-box-shadow;
31
- font: $form-font-size / $base-line-height $form-font-family;
32
- transition: border-color, .3s;
33
-
34
- &:hover{
35
- border-color: $form-border-color-hover;
36
- }
37
-
38
- &:focus{
39
- border-color: $form-border-color-focus;
40
- box-shadow: $form-box-shadow-focus;
41
- outline: none;
42
- }
43
- }
44
-
45
- textarea{
46
- resize: vertical;
47
- }
48
-
49
- input[type="search"]{
50
- appearance: none;
51
- }
52
-
53
- input[type="checkbox"],
54
- input[type="radio"]{
55
- display: inline;
56
- margin-right: $base-line-height / 4;
57
- }
58
-
59
- button,
60
- input[type="submit"]{
61
- appearance: none;
62
- vertical-align: middle;
63
- cursor: pointer;
64
- white-space: nowrap;
65
- user-select: none;
66
- }
@@ -1,253 +0,0 @@
1
- // ------------------------------------------------------------------- //
2
- // LookThink Normalization Sassified
3
- // ------------------------------------------------------------------- //
4
- // ------------------------------------------------------------------- //
5
- // Meyer's Style Reset
6
- // ------------------------------------------------------------------- //
7
-
8
- html, body, div, span, iframe,
9
- h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr,
10
- a, abbr, address, cite, code,
11
- em, img, small, strong, sub, sup,
12
- dl, dt, dd, ol, ul, li,
13
- fieldset, form, label, legend,
14
- table, caption, tbody, tfoot, thead, tr, th, td,
15
- article, aside, canvas, details, figcaption, figure,
16
- footer, header, menu, nav, section, summary,
17
- time, mark, audio, video{
18
- margin: 0;
19
- padding: 0;
20
- }
21
-
22
- // ------------------------------------------------------------------- //
23
- // Border-Box
24
- // ------------------------------------------------------------------- //
25
-
26
- *,
27
- *:before,
28
- *:after {
29
- -webkit-box-sizing: border-box;
30
- -moz-box-sizing: border-box;
31
- box-sizing: border-box;
32
- }
33
-
34
- // ------------------------------------------------------------------- //
35
- // Display Definitions
36
- // ------------------------------------------------------------------- //
37
-
38
- article,
39
- aside,
40
- details,
41
- figcaption,
42
- figure,
43
- footer,
44
- header,
45
- hgroup,
46
- main,
47
- nav,
48
- section,
49
- summary {
50
- display: block;
51
- }
52
-
53
- audio,
54
- canvas,
55
- video {
56
- display: inline-block;
57
- }
58
-
59
- audio:not([controls]) {
60
- display: none;
61
- height: 0;
62
- }
63
-
64
- [hidden],
65
- template {
66
- display: none;
67
- }
68
-
69
- // ------------------------------------------------------------------- //
70
- // Base Level
71
- // ------------------------------------------------------------------- //
72
-
73
- html {
74
- font-family: sans-serif;
75
- -ms-text-size-adjust: 100%;
76
- -webkit-text-size-adjust: 100%;
77
- }
78
-
79
- body{
80
- margin: 0;
81
- }
82
-
83
- // ------------------------------------------------------------------- //
84
- // Links
85
- // ------------------------------------------------------------------- //
86
-
87
- a{
88
- background: transparent;
89
-
90
- &:focus{
91
- outline: thin dotted;
92
- }
93
- &:hover,
94
- &:active{
95
- outline: 0;
96
- }
97
- }
98
-
99
- // ------------------------------------------------------------------- //
100
- // Typography
101
- // ------------------------------------------------------------------- //
102
-
103
- abbr[title]{
104
- border-bottom: 1px dotted;
105
- }
106
-
107
- address{
108
- @extend %vertical-rhythm;
109
- }
110
-
111
- strong{
112
- font-weight: bold;
113
- }
114
-
115
- hr{
116
- height: 0;
117
- }
118
-
119
- code,
120
- pre{
121
- @extend %vertical-rhythm;
122
- font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
123
- font-size: 1em;
124
- }
125
-
126
- pre{
127
- white-space: pre-wrap;
128
- }
129
-
130
- p{
131
- @extend %vertical-rhythm;
132
- }
133
-
134
- small{
135
- font-size: 75%;
136
- }
137
-
138
- sub,
139
- sup{
140
- position: relative;
141
- font-size: 75%;
142
- line-height: 0;
143
- vertical-align: baseline;
144
- }
145
-
146
- sub{
147
- bottom: -0.25em;
148
- }
149
- sup{
150
- top: -0.5em;
151
- }
152
-
153
- // ------------------------------------------------------------------- //
154
- // Embedded Content
155
- // ------------------------------------------------------------------- //
156
-
157
- img{
158
- border: 0;
159
- }
160
-
161
- svg:not(:root){
162
- overflow: hidden;
163
- }
164
-
165
- // ------------------------------------------------------------------- //
166
- // Forms
167
- // ------------------------------------------------------------------- //
168
-
169
- #{$all-text-inputs}, // http://bourbon.io/docs/#html5-input-types
170
- button,
171
- select,
172
- textarea{
173
- margin: 0;
174
- font-family: $base-font-family;
175
- font-size: $base-font-size;
176
- line-height: $base-line-height;
177
- }
178
-
179
- button,
180
- select{
181
- text-transform: none;
182
- }
183
-
184
- button,
185
- html input[type="button"],
186
- input[type="reset"],
187
- input[type="submit"]{
188
- appearance: button;
189
- cursor: pointer;
190
- }
191
-
192
- button[disabled],
193
- html input[disabled]{
194
- cursor: default;
195
- }
196
-
197
- input[type="checkbox"],
198
- input[type="radio"]{
199
- box-sizing: border-box;
200
- padding: 0;
201
- }
202
-
203
- input[type="search"] {
204
- -webkit-appearance: textfield;
205
- }
206
-
207
- input[type="search"]::-webkit-search-cancel-button,
208
- input[type="search"]::-webkit-search-decoration {
209
- -webkit-appearance: none;
210
- }
211
-
212
- button::-moz-focus-inner,
213
- input::-moz-focus-inner {
214
- border: 0;
215
- padding: 0;
216
- }
217
-
218
- textarea{
219
- overflow: auto;
220
- vertical-align: top;
221
- }
222
-
223
- // ------------------------------------------------------------------- //
224
- // Lists
225
- // ------------------------------------------------------------------- //
226
-
227
- ul,
228
- ol,
229
- dl{
230
- @extend %vertical-rhythm;
231
- padding: 0;
232
- }
233
-
234
- li > ul,
235
- li > ol{
236
- margin-bottom: 0;
237
- padding-bottom: 0;
238
- }
239
-
240
- // ------------------------------------------------------------------- //
241
- // Tables
242
- // ------------------------------------------------------------------- //
243
-
244
- table{
245
- @extend %vertical-rhythm;
246
- border-collapse: collapse;
247
- border-spacing: 0;
248
-
249
- th,
250
- td{
251
- padding: $base-line-height / 2;
252
- }
253
- }
@@ -1,108 +0,0 @@
1
- // ------------------------------------------------------------------- //
2
- // Project Settings
3
- // ------------------------------------------------------------------- //
4
- // ------------------------------------------------------------------- //
5
- // Typography
6
- // ------------------------------------------------------------------- //
7
-
8
- $base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
9
- $brand-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
10
-
11
-
12
- // ------------------------------------------------------------------- //
13
- // Sizes
14
- // ------------------------------------------------------------------- //
15
-
16
- $base-font-size: 16px;
17
- $base-line-height: 24px;
18
-
19
- $base-border-radius: 3px;
20
-
21
- // Heading Sizes
22
-
23
- $giga-size: 96px; // %giga
24
- $mega-size: 72px; // %mega
25
- $kilo-size: 48px; // %kilo
26
-
27
- $h1-size: 42px; // %alpha
28
- $h2-size: 36px; // %bravo
29
- $h3-size: 24px; // %charlie
30
- $h4-size: 20px; // %delta
31
- $h5-size: 18px; // %echo
32
- $h6-size: 16px; // %foxtrot
33
-
34
- $milli-size: 12px; // %milli
35
- $micro-size: 10px; // %micro
36
-
37
-
38
- // ------------------------------------------------------------------- //
39
- // Weights
40
- // ------------------------------------------------------------------- //
41
-
42
- $lightest: 100;
43
- $light: 300;
44
- $normal: 400;
45
- $semibold: 600;
46
- $bold: 700;
47
- $black: 900;
48
-
49
-
50
- // ------------------------------------------------------------------- //
51
- // Colors
52
- // ------------------------------------------------------------------- //
53
-
54
- // Base colors
55
- $base-body-color: #fff;
56
- $base-font-color: #333;
57
- $base-border-color: #ddd;
58
-
59
- // Brand colors
60
- $brand-color: #477DCA; // Blue
61
-
62
- // Link Colors
63
- $base-link-color: $brand-color;
64
- $base-link-color--hover: lighten($brand-color, 10%);
65
-
66
-
67
- // ------------------------------------------------------------------- //
68
- // Form Variables
69
- // ------------------------------------------------------------------- //
70
-
71
- $form-border-color: $base-border-color;
72
- $form-border-color-hover: darken($base-border-color, 10%);
73
- $form-border-color-focus: $brand-color;
74
- $form-border-radius: $base-border-radius;
75
-
76
- $form-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
77
- $form-box-shadow-focus:
78
- $form-box-shadow,
79
- 0 0 5px rgba(darken($form-border-color-focus, 5%), 0.7);
80
-
81
- $form-font-family: $base-font-family;
82
- $form-font-size: $base-font-size;
83
-
84
-
85
- // ------------------------------------------------------------------- //
86
- // Grid Overrides
87
- // ------------------------------------------------------------------- //
88
-
89
- // $max-width: 960px;
90
- // $grid-columns: 12;
91
- // $grid-gutter: 15px;
92
-
93
-
94
- // ------------------------------------------------------------------- //
95
- // Media Query Widths
96
- // ------------------------------------------------------------------- //
97
-
98
- $mobile: 480px;
99
- $tablet: 990px;
100
- $laptop: 1440px;
101
- $desktop: 1920px;
102
-
103
-
104
- // ------------------------------------------------------------------- //
105
- // Variables
106
- //
107
- // Any other global variables required should go below
108
- // ------------------------------------------------------------------- //
@@ -1,122 +0,0 @@
1
- // ------------------------------------------------------------------- //
2
- // Setup
3
- // ------------------------------------------------------------------- //
4
-
5
- $base-space: $base-line-height;
6
- $base-ratio: $base-line-height / $base-font-size;
7
-
8
- %vertical-rhythm{
9
- margin-bottom: $base-space;
10
- margin-bottom: $base-ratio + rem;
11
- }
12
-
13
- // ------------------------------------------------------------------- //
14
- // Base Typographic Rules
15
- // ------------------------------------------------------------------- //
16
-
17
- body{
18
- color: $base-font-color;
19
- font: #{$base-font-size} / #{$base-line-height} $base-font-family;
20
- -webkit-font-smoothing: antialiased;
21
- }
22
-
23
- // ------------------------------------------------------------------- //
24
- // Headings
25
- //
26
- // The goal here is to define headings and establish practical
27
- // font-sizing from the get go.
28
- //
29
- // Also includes a "double-stranded hierarchy" allowing you to use HTML
30
- // heading elements or the alternate extend included (based on the
31
- // military alphabet).
32
- // ------------------------------------------------------------------- //
33
-
34
- h1, h2, h3, h4, h5, h6{
35
- @extend %vertical-rhythm;
36
- font-family: $brand-font-family;
37
- font-weight: normal;
38
- }
39
-
40
- h1,
41
- %alpha{
42
- @include font-size($h1-size);
43
- }
44
-
45
- h2,
46
- %bravo{
47
- @include font-size($h2-size);
48
- }
49
-
50
- h3,
51
- %charlie{
52
- @include font-size($h3-size);
53
- }
54
-
55
- h4,
56
- %delta{
57
- @include font-size($h4-size);
58
- }
59
-
60
- h5,
61
- %echo{
62
- @include font-size($h5-size);
63
- }
64
-
65
- h6,
66
- %foxtrot{
67
- @include font-size($h6-size);
68
- }
69
-
70
- // ------------------------------------------------------------------- //
71
- // Heading Groups
72
- //
73
- // Target a group of headings stacked together (such as title/subtitle)
74
- // ------------------------------------------------------------------- //
75
-
76
- %hgroup{
77
- @extend %vertical-rhythm;
78
-
79
- @include headings(1,6){
80
- margin-bottom: 0;
81
- }
82
- }
83
-
84
- // ------------------------------------------------------------------- //
85
- // Extra Large / Small Extends
86
- // ------------------------------------------------------------------- //
87
-
88
- %micro{
89
- @include font-size($micro-size);
90
- }
91
-
92
- %milli{
93
- @include font-size($milli-size);
94
- }
95
-
96
- %kilo{
97
- @include font-size($kilo-size);
98
- }
99
-
100
- %mega{
101
- @include font-size($mega-size);
102
- }
103
-
104
- %giga{
105
- @include font-size($giga-size);
106
- }
107
-
108
-
109
- // ------------------------------------------------------------------- //
110
- // Links
111
- // ------------------------------------------------------------------- //
112
-
113
- a{
114
- color: $base-link-color;
115
- text-decoration: none;
116
-
117
- &:hover,
118
- &:active,
119
- &:focus{
120
- color: $base-link-color--hover;
121
- }
122
- }