kentucky 2.0.0 → 2.1.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.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/kentucky/addons/_border.scss +2 -5
- data/app/assets/stylesheets/kentucky/addons/_clearfix.scss +2 -2
- data/app/assets/stylesheets/kentucky/addons/_easings.scss +23 -23
- data/app/assets/stylesheets/kentucky/addons/_hide-text.scss +1 -1
- data/app/assets/stylesheets/kentucky/addons/_input-types.scss +1 -1
- data/app/assets/stylesheets/kentucky/addons/_size.scss +9 -9
- data/app/assets/stylesheets/kentucky/addons/_truncate.scss +1 -1
- data/app/assets/stylesheets/kentucky/base/_buttons.scss +3 -3
- data/app/assets/stylesheets/kentucky/base/_forms.scss +4 -4
- data/app/assets/stylesheets/kentucky/base/_layouts.scss +1 -1
- data/app/assets/stylesheets/kentucky/base/_lists.scss +1 -1
- data/app/assets/stylesheets/kentucky/base/_tables.scss +1 -1
- data/app/assets/stylesheets/kentucky/base/_typography.scss +13 -6
- data/app/assets/stylesheets/kentucky/functions/_assign.scss +1 -1
- data/lib/kentucky/version.rb +1 -1
- data/readme.md +31 -27
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: ada0fbbf554408b45e2c05f1cb53961b933cc2e4
|
4
|
+
data.tar.gz: a86ef9a12b372faa83bf0f49a2b97d81c509a8af
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 56be29ded161331f2ed782b62bb40cde97e79ed52257b2e14ea74297bb1b47707315398984ecaeb6c4dc7d93b8f37df2d26240d0b89d9b2e032868b33b5a38e8
|
7
|
+
data.tar.gz: 8c464d0495cf541e6f867547f12e759411b77e108d13e72ef91d14e9c1e2b71bac1bc8f1d2b6964259c688ba4089ff2e1c80338acea310157e372440cdf0e9c0
|
@@ -19,10 +19,7 @@
|
|
19
19
|
// If border is unitless, append unit
|
20
20
|
@if unitless(nth($border-width, $i)) {
|
21
21
|
$new-width: append($new-width, nth($border-width, $i) + px);
|
22
|
-
}
|
23
|
-
|
24
|
-
// Otherwise, keep as is
|
25
|
-
@else {
|
22
|
+
} @else {
|
26
23
|
$new-width: append($new-width, nth($border-width, $i));
|
27
24
|
}
|
28
25
|
}
|
@@ -30,4 +27,4 @@
|
|
30
27
|
border-style: $border-style;
|
31
28
|
border-color: $border-color;
|
32
29
|
border-width: $new-width;
|
33
|
-
}
|
30
|
+
}
|
@@ -7,31 +7,31 @@
|
|
7
7
|
// ------------------------------------------------------------------- //
|
8
8
|
|
9
9
|
// Ease In
|
10
|
-
$ease-in-sine: cubic-bezier(
|
11
|
-
$ease-in-quad: cubic-bezier(
|
12
|
-
$ease-in-cubic: cubic-bezier(
|
13
|
-
$ease-in-quart: cubic-bezier(
|
14
|
-
$ease-in-quint: cubic-bezier(
|
15
|
-
$ease-in-expo: cubic-bezier(
|
16
|
-
$ease-in-circ: cubic-bezier(
|
17
|
-
$ease-in-back: cubic-bezier(
|
10
|
+
$ease-in-sine: cubic-bezier(.47, 0, .745, .715);
|
11
|
+
$ease-in-quad: cubic-bezier(.55, .085, .68, .53);
|
12
|
+
$ease-in-cubic: cubic-bezier(.55, .055, .675, .19);
|
13
|
+
$ease-in-quart: cubic-bezier(.895, .03, .685, .22);
|
14
|
+
$ease-in-quint: cubic-bezier(.755, .05, .855, .06);
|
15
|
+
$ease-in-expo: cubic-bezier(.95, .05, .795, .035);
|
16
|
+
$ease-in-circ: cubic-bezier(.6, .04, .98, .335);
|
17
|
+
$ease-in-back: cubic-bezier(.6, -.28, .735, .045);
|
18
18
|
|
19
19
|
// Ease Out
|
20
|
-
$ease-out-sine: cubic-bezier(
|
21
|
-
$ease-out-quad: cubic-bezier(
|
22
|
-
$ease-out-cubic: cubic-bezier(
|
23
|
-
$ease-out-quart: cubic-bezier(
|
24
|
-
$ease-out-quint: cubic-bezier(
|
25
|
-
$ease-out-expo: cubic-bezier(
|
26
|
-
$ease-out-circ: cubic-bezier(
|
27
|
-
$ease-out-back: cubic-bezier(
|
20
|
+
$ease-out-sine: cubic-bezier(.39, .575, .565, 1);
|
21
|
+
$ease-out-quad: cubic-bezier(.25, .46, .45, .94);
|
22
|
+
$ease-out-cubic: cubic-bezier(.215, .61, .355, 1);
|
23
|
+
$ease-out-quart: cubic-bezier(.165, .84, .44, 1);
|
24
|
+
$ease-out-quint: cubic-bezier(.23, 1, .32, 1);
|
25
|
+
$ease-out-expo: cubic-bezier(.19, 1, .22, 1);
|
26
|
+
$ease-out-circ: cubic-bezier(.075, .82, .165, 1);
|
27
|
+
$ease-out-back: cubic-bezier(.175, .885, .32, 1.275);
|
28
28
|
|
29
29
|
// Ease In Out
|
30
|
-
$ease-in-out-sine: cubic-bezier(
|
31
|
-
$ease-in-out-quad: cubic-bezier(
|
32
|
-
$ease-in-out-cubic: cubic-bezier(
|
33
|
-
$ease-in-out-quart: cubic-bezier(
|
34
|
-
$ease-in-out-quint: cubic-bezier(
|
30
|
+
$ease-in-out-sine: cubic-bezier(.445, .05, .55, .95);
|
31
|
+
$ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);
|
32
|
+
$ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);
|
33
|
+
$ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);
|
34
|
+
$ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);
|
35
35
|
$ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
|
36
|
-
$ease-in-out-circ: cubic-bezier(
|
37
|
-
$ease-in-out-back: cubic-bezier(
|
36
|
+
$ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);
|
37
|
+
$ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55);
|
@@ -79,4 +79,4 @@ $all-button-inputs-hover: assign-inputs($inputs-button-list, hover);
|
|
79
79
|
$all-button-inputs-focus: assign-inputs($inputs-button-list, focus);
|
80
80
|
|
81
81
|
// Active Pseudo-class
|
82
|
-
$all-button-inputs-active: assign-inputs($inputs-button-list, active);
|
82
|
+
$all-button-inputs-active: assign-inputs($inputs-button-list, active);
|
@@ -1,46 +1,46 @@
|
|
1
1
|
// Sizing mixin
|
2
|
-
@mixin size($size){
|
2
|
+
@mixin size($size) {
|
3
3
|
|
4
4
|
// If only one value is present
|
5
|
-
@if length($size) == 1{
|
5
|
+
@if length($size) == 1 {
|
6
6
|
|
7
7
|
@if $size == auto{
|
8
8
|
width: auto;
|
9
9
|
height: auto;
|
10
10
|
}
|
11
|
-
@else if unitless($size){
|
11
|
+
@else if unitless($size) {
|
12
12
|
width: $size + px;
|
13
13
|
height: $size + px;
|
14
14
|
}
|
15
|
-
@else if not(unitless($size)){
|
15
|
+
@else if not(unitless($size)) {
|
16
16
|
width: $size;
|
17
17
|
height: $size;
|
18
18
|
}
|
19
19
|
}
|
20
20
|
|
21
21
|
// If both values are present
|
22
|
-
@if length($size) == 2{
|
22
|
+
@if length($size) == 2 {
|
23
23
|
|
24
24
|
$width: nth($size, 1);
|
25
25
|
$height: nth($size, 2);
|
26
26
|
|
27
|
-
@if $width == auto{
|
27
|
+
@if $width == auto {
|
28
28
|
width: $width;
|
29
29
|
}
|
30
30
|
@else if unitless($width){
|
31
31
|
width: $width + px;
|
32
32
|
}
|
33
|
-
@else if not(unitless($width)){
|
33
|
+
@else if not(unitless($width)) {
|
34
34
|
width: $width;
|
35
35
|
}
|
36
36
|
|
37
37
|
@if $height == auto{
|
38
38
|
height: $height;
|
39
39
|
}
|
40
|
-
@else if unitless($height){
|
40
|
+
@else if unitless($height) {
|
41
41
|
height: $height + px;
|
42
42
|
}
|
43
|
-
@else if not(unitless($height)){
|
43
|
+
@else if not(unitless($height)) {
|
44
44
|
height: $height;
|
45
45
|
}
|
46
46
|
}
|
@@ -14,7 +14,7 @@
|
|
14
14
|
display: inline-block;
|
15
15
|
padding: ($base-spacing / 2) $base-spacing;
|
16
16
|
background-color: $base-button-color;
|
17
|
-
border:
|
17
|
+
border: 0;
|
18
18
|
border-radius: $base-border-radius;
|
19
19
|
color: white;
|
20
20
|
font-family: $base-font-family;
|
@@ -35,6 +35,6 @@
|
|
35
35
|
|
36
36
|
&:disabled {
|
37
37
|
cursor: not-allowed;
|
38
|
-
opacity:
|
38
|
+
opacity: .5;
|
39
39
|
}
|
40
|
-
}
|
40
|
+
}
|
@@ -6,7 +6,7 @@
|
|
6
6
|
// ------------------------------------------------------------------- //
|
7
7
|
|
8
8
|
fieldset {
|
9
|
-
margin: 0 0 ($base-spacing / 2)
|
9
|
+
margin: 0 0 ($base-spacing / 2);
|
10
10
|
padding: $base-spacing;
|
11
11
|
background: lighten($base-border-color, 10);
|
12
12
|
border: $base-border;
|
@@ -38,7 +38,7 @@ textarea,
|
|
38
38
|
select[multiple=multiple] {
|
39
39
|
width: 100%;
|
40
40
|
margin-bottom: $base-spacing / 2;
|
41
|
-
padding: ($base-spacing / 3)
|
41
|
+
padding: ($base-spacing / 3);
|
42
42
|
background-color: white;
|
43
43
|
border: 1px solid $form-border-color;
|
44
44
|
border-radius: $form-border-radius;
|
@@ -80,7 +80,7 @@ input[type="file"] {
|
|
80
80
|
}
|
81
81
|
|
82
82
|
select {
|
83
|
-
max-width: 100%;
|
84
83
|
width: auto;
|
84
|
+
max-width: 100%;
|
85
85
|
margin-bottom: $base-spacing;
|
86
|
-
}
|
86
|
+
}
|
@@ -11,7 +11,13 @@ body {
|
|
11
11
|
line-height: $base-line-height;
|
12
12
|
}
|
13
13
|
|
14
|
-
|
14
|
+
|
15
|
+
h1,
|
16
|
+
h2,
|
17
|
+
h3,
|
18
|
+
h4,
|
19
|
+
h5,
|
20
|
+
h6 {
|
15
21
|
margin: 0;
|
16
22
|
font-family: $header-font-family;
|
17
23
|
line-height: $header-line-height;
|
@@ -54,7 +60,8 @@ a {
|
|
54
60
|
color: $hover-link-color;
|
55
61
|
}
|
56
62
|
|
57
|
-
&:active,
|
63
|
+
&:active,
|
64
|
+
&:focus {
|
58
65
|
color: $hover-link-color;
|
59
66
|
outline: none;
|
60
67
|
}
|
@@ -63,9 +70,9 @@ a {
|
|
63
70
|
hr {
|
64
71
|
margin: $base-spacing 0;
|
65
72
|
border-bottom: $base-border;
|
66
|
-
border-left:
|
67
|
-
border-right:
|
68
|
-
border-top:
|
73
|
+
border-left: 0;
|
74
|
+
border-right: 0;
|
75
|
+
border-top: 0;
|
69
76
|
}
|
70
77
|
|
71
78
|
img,
|
@@ -88,4 +95,4 @@ cite {
|
|
88
95
|
&:before {
|
89
96
|
content: "\2014 \00A0";
|
90
97
|
}
|
91
|
-
}
|
98
|
+
}
|
data/lib/kentucky/version.rb
CHANGED
data/readme.md
CHANGED
@@ -3,6 +3,10 @@
|
|
3
3
|
|
4
4
|
[](http://badge.fury.io/rb/kentucky)
|
5
5
|
|
6
|
+
###### CHANGELOG
|
7
|
+
|
8
|
+
*2.1.0* - Update file semantics to match custom LookThink linter
|
9
|
+
|
6
10
|
***
|
7
11
|
|
8
12
|
Kentucky was originally an additional library to use with Bourbon as our developers ventured into the realm of front-end frameworks. As time progressed and more frameworks emerged from all corners of the internet it became clear we needed to create our own.
|
@@ -15,120 +19,120 @@ Below is some base documentation into what is included in Kentucky.
|
|
15
19
|
|
16
20
|
### Base
|
17
21
|
|
18
|
-
|
22
|
+
##### Project Settings
|
19
23
|
This file serves as the starting point for all projects. Full of default values for typography, spacing, colors, etc. it's the perfect place to store global, project-specific variables to use throughout your project.
|
20
24
|
|
21
|
-
|
25
|
+
##### Layouts
|
22
26
|
A very barebones file meant to serve as a place to keep global layout-related styles.
|
23
27
|
|
24
|
-
|
28
|
+
##### Typography
|
25
29
|
Slightly deceiving in name, but houses general typography / main content styles and normalization. This is where a majority of the variables (related to typography) in *_project-settings.scss* are called.
|
26
30
|
|
27
|
-
|
31
|
+
##### Buttons
|
28
32
|
Normalization of all button-style inputs and serves as a location where project-wide button styles can live.
|
29
33
|
|
30
|
-
|
34
|
+
##### Forms
|
31
35
|
Normalization of form elements.
|
32
36
|
|
33
|
-
|
37
|
+
##### Lists
|
34
38
|
Normalization of unordered / ordered lists as well as definition lists. Also includes placeholder extends `%default-ul` and `%default-ol` that can applied to `ul` and `ol` elements that re-add the default list-styles for both as well as some margin/padding.
|
35
39
|
|
36
|
-
|
40
|
+
##### Tables
|
37
41
|
Normalization of table elements.
|
38
42
|
|
39
43
|
|
40
44
|
### Addons
|
41
45
|
|
42
|
-
|
46
|
+
##### Border
|
43
47
|
A simple mixin that allows users to define unequal border widths inline with border style and color.
|
44
48
|
|
45
49
|
*Usage Example:*
|
46
50
|
|
47
|
-
```
|
51
|
+
```SCSS
|
48
52
|
@include border(1px 2px 5px, solid, #b4d455);
|
49
53
|
```
|
50
54
|
|
51
|
-
|
55
|
+
##### Clearfix
|
52
56
|
Simple mixin to call the super-micro clearfix snippet based on Theirry Koblentz's minification of Nicolas Gallagher's micro clearfix.
|
53
57
|
|
54
58
|
*Usage Example:*
|
55
59
|
|
56
|
-
```
|
60
|
+
```SCSS
|
57
61
|
@include clearfix;
|
58
62
|
```
|
59
63
|
|
60
|
-
|
64
|
+
##### Easings
|
61
65
|
Variable-based timing functions to be used in transition / animation styles.
|
62
66
|
|
63
67
|
*Usage Example:*
|
64
68
|
|
65
|
-
```
|
69
|
+
```SCSS
|
66
70
|
.selector {
|
67
71
|
transition: all .5s #{$ease-in-quad};
|
68
72
|
}
|
69
73
|
```
|
70
74
|
|
71
|
-
|
75
|
+
##### Hide Text
|
72
76
|
Simple mixin to "hide text" in a new method, akin to the old -9999px hack to move text off of image replaced objects.
|
73
77
|
|
74
78
|
*Usage Example:*
|
75
79
|
|
76
|
-
```
|
80
|
+
```SCSS
|
77
81
|
@include hide-text;
|
78
82
|
```
|
79
83
|
|
80
|
-
|
84
|
+
##### Input Types
|
81
85
|
Primarily created for usage in the button / form normalization files but these can be used to target all button / text inputs at once without having to list each individually.
|
82
86
|
|
83
87
|
*Usage Example:*
|
84
88
|
|
85
|
-
```
|
89
|
+
```SCSS
|
86
90
|
#{$all-button-inputs} {
|
87
91
|
margin-bottom: 20px;
|
88
92
|
}
|
89
93
|
```
|
90
94
|
|
91
|
-
|
95
|
+
##### Position
|
92
96
|
Akin to the border mixin, this allows users to include the type of positioning and coordinates in a single line.
|
93
97
|
|
94
|
-
```
|
98
|
+
```SCSS
|
95
99
|
@include position(absolute, 10px 20px 0 0);
|
96
100
|
```
|
97
101
|
|
98
102
|
*Note that all four values are required.*
|
99
103
|
|
100
104
|
|
101
|
-
|
105
|
+
##### Size
|
102
106
|
A dead simple mixin allowing users to set the width / height on a single line.
|
103
107
|
|
104
|
-
```
|
108
|
+
```SCSS
|
105
109
|
@include size(15px 20px);
|
106
110
|
```
|
107
111
|
|
108
112
|
*A single value will print the same value for width and height.*
|
109
113
|
|
110
|
-
```
|
114
|
+
```SCSS
|
111
115
|
@include size(20px);
|
112
116
|
```
|
113
117
|
|
114
118
|
|
115
|
-
|
119
|
+
##### Truncate
|
116
120
|
Mixin that allows single-line, CSS-based truncation with an ellipsis. Requires a width value.
|
117
121
|
|
118
|
-
```
|
122
|
+
```SCSS
|
119
123
|
@include truncate(300px);
|
120
124
|
```
|
121
125
|
|
122
126
|
|
123
127
|
### Functions
|
124
128
|
|
125
|
-
|
129
|
+
##### Assign
|
126
130
|
Used in the input types addon. Usage is fairly minimal outside of that.
|
127
131
|
|
128
|
-
|
132
|
+
##### Tint / Shade
|
129
133
|
An improvement to the typical `darken` / `lighten` abilities of SCSS. Tint and shade add white / black respectively to create richer colors.
|
130
134
|
|
131
|
-
```
|
135
|
+
```SCSS
|
132
136
|
.selector {
|
133
137
|
background-color: tint(#b4d455, 5%);
|
134
138
|
color: shade($brand-color, 10%);
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: kentucky
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 2.
|
4
|
+
version: 2.1.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Aaron Clemmer
|
@@ -10,7 +10,7 @@ authors:
|
|
10
10
|
autorequire:
|
11
11
|
bindir: bin
|
12
12
|
cert_chain: []
|
13
|
-
date: 2015-
|
13
|
+
date: 2015-02-02 00:00:00.000000000 Z
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|
16
16
|
name: sass
|