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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 7dec6c9ae7bf8f6203b8bfed47cd4b27b7e370ae
4
- data.tar.gz: 507c9dd8817c7753ac4442bf0f1eea0a7239b6de
3
+ metadata.gz: ada0fbbf554408b45e2c05f1cb53961b933cc2e4
4
+ data.tar.gz: a86ef9a12b372faa83bf0f49a2b97d81c509a8af
5
5
  SHA512:
6
- metadata.gz: 8137848b9a8a752b664fc81e52b6cad346b0145375f59b29ab7efab26b109a23c62b6e94190629cf0ba085bd9f35ecf8e7ef3d95e73d9ba74bec76f21c8c92db
7
- data.tar.gz: 6fc05457987cebf7f9421341c096f791b9c4d7932c05e7321015a3d69d87493da00b16c86f8d6695a87a277818156c239949ecf3dce236b23de719e2254452d5
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,8 +7,8 @@
7
7
 
8
8
  @mixin clearfix {
9
9
  &:after {
10
- content: "";
11
10
  display: table;
12
11
  clear: both;
12
+ content: "";
13
13
  }
14
- }
14
+ }
@@ -7,31 +7,31 @@
7
7
  // ------------------------------------------------------------------- //
8
8
 
9
9
  // Ease In
10
- $ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
11
- $ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
12
- $ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
13
- $ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
14
- $ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
15
- $ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
16
- $ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
17
- $ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
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(0.39, 0.575, 0.565, 1);
21
- $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
22
- $ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
23
- $ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
24
- $ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
25
- $ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
26
- $ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
27
- $ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
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(0.445, 0.05, 0.55, 0.95);
31
- $ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
32
- $ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
33
- $ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
34
- $ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
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(0.785, 0.135, 0.15, 0.86);
37
- $ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
36
+ $ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);
37
+ $ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55);
@@ -6,4 +6,4 @@
6
6
  text-indent: 101%;
7
7
  overflow: hidden;
8
8
  white-space: nowrap;
9
- }
9
+ }
@@ -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
  }
@@ -1,6 +1,6 @@
1
1
  // Truncate single-lined elements
2
2
 
3
- @mixin truncate($truncate-width: 100%){
3
+ @mixin truncate($truncate-width: 100%) {
4
4
  display: inline-block;
5
5
  max-width: $truncate-width;
6
6
  overflow: hidden;
@@ -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: none;
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: 0.5;
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) 0;
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) ($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
+ }
@@ -4,4 +4,4 @@
4
4
 
5
5
  * {
6
6
  box-sizing: border-box;
7
- }
7
+ }
@@ -32,4 +32,4 @@ dl {
32
32
  dd {
33
33
  margin: 0;
34
34
  }
35
- }
35
+ }
@@ -25,4 +25,4 @@ tr,
25
25
  td,
26
26
  th {
27
27
  vertical-align: middle;
28
- }
28
+ }
@@ -11,7 +11,13 @@ body {
11
11
  line-height: $base-line-height;
12
12
  }
13
13
 
14
- h1, h2, h3, h4, h5, h6 {
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, &:focus {
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: none;
67
- border-right: none;
68
- border-top: none;
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
+ }
@@ -14,4 +14,4 @@
14
14
  }
15
15
 
16
16
  @return $list;
17
- }
17
+ }
@@ -1,3 +1,3 @@
1
1
  module Kentucky
2
- VERSION = "2.0.0"
2
+ VERSION = "2.1.0"
3
3
  end
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
- ###### Project Settings
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
- ###### Layouts
25
+ ##### Layouts
22
26
  A very barebones file meant to serve as a place to keep global layout-related styles.
23
27
 
24
- ###### Typography
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
- ###### Buttons
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
- ###### Forms
34
+ ##### Forms
31
35
  Normalization of form elements.
32
36
 
33
- ###### Lists
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
- ###### Tables
40
+ ##### Tables
37
41
  Normalization of table elements.
38
42
 
39
43
 
40
44
  ### Addons
41
45
 
42
- ###### Border
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
- ###### Clearfix
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
- ###### Easings
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
- ###### Hide Text
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
- ###### Input Types
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
- ###### Position
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
- ###### Size
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
- ###### Truncate
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
- ###### Assign
129
+ ##### Assign
126
130
  Used in the input types addon. Usage is fairly minimal outside of that.
127
131
 
128
- ###### Tint / Shade
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.0.0
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-01-27 00:00:00.000000000 Z
13
+ date: 2015-02-02 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: sass