kentucky 2.0.0 → 2.1.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
[![Gem Version](https://badge.fury.io/rb/kentucky.png)](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
|