kentucky 0.1.2 → 0.1.3

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: b6897c2a3748a67b3a55381f1cfadedcbe6c90bb
4
- data.tar.gz: efaf84d43ce49c1eda4163d52e72c2a274ee030c
3
+ metadata.gz: 8282450ffd79d78b227d2c75f104af353b54348c
4
+ data.tar.gz: e6f7c1f22335df9bbb21aa9c9f819ed173ac0746
5
5
  SHA512:
6
- metadata.gz: a722e3a3a099ae7500ec5071eb8674eb5d94e9918f5c5867fa4deedc63488c31f9530a55dca1b497ec9844db844d61dd73d3d187cb5a1d9fb9bf5f98a2505dc7
7
- data.tar.gz: e6248cf65595a264d1100b9acd7a129e2d36ec2c2d521149275126a47ee898c66f7b229655e40d19cf84fc1ac9d24572e8f2696207c90aca6c2aeb81a53e2850
6
+ metadata.gz: 3c3db0b3352e7f53f7438b5582dca86dd2361d8de04c9e0652536c61f902ab800da010c8edfe2141786c8f47f3e6a549ed1fe01b29d01753d55edd1d2a567e15
7
+ data.tar.gz: 4949bae4408100423281432805b11b4d3b9e7524c2e71d628df8d3b84c22dcea0068c91bee8b29f5f6579f3df8cd05ceda171d6f95133475ecc7cb7043a0ecf9
@@ -9,85 +9,85 @@
9
9
 
10
10
  @if $debug-mode == true{
11
11
 
12
- // Empty page elements?
13
-
14
- :empty{
15
- outline: 5px solid yellow;
16
- }
17
-
18
-
19
- // Images require 'alt' attributes, empty 'alt's are fine
20
- // No 'alt' is bad, flagged in red
21
-
22
- img{
23
- outline: 5px solid red;
24
-
25
- &[alt]{
26
- outline: none;
27
- }
28
- &[alt=""]{
29
- outline: 5px solid yellow;
30
- }
31
- }
32
-
33
-
34
- // Links benefit from 'title' attributes
35
- // Not severe, but good to check
36
-
37
- a{
38
- outline: 5px solid yellow;
39
-
40
- &[title]{
41
- outline: none;
42
- }
43
- }
44
-
45
-
46
- // Esnure lists only contain 'li's as children
47
-
48
- ul,
49
- ol{
50
- > *:not(li){
51
- outline: 5px solid red;
52
- }
53
- }
54
-
55
-
56
- // 'tr's as children of 'table's isn't great, did you need 'thead'/'tbody'?
57
-
58
- table > tr{
59
- outline: 5px solid yellow;
60
- }
61
-
62
-
63
- // Various form-field types have required attributes
64
- // 'input's need 'type'
65
- // 'textarea's need 'rows' and 'cols'
66
- // 'submit' buttons need 'value'
67
-
68
- textarea,
69
- input{
70
- outline: 5px solid yellow;
71
- }
72
- input[type]{
73
- outline: none;
74
- }
75
- textarea[rows][cols]{
76
- outline: none;
77
- }
78
- input[type=submit]{
79
- outline: 5px solid red;
80
-
81
- &[value]{
82
- outline: none;
83
- }
84
- }
85
-
86
-
87
- // Avoid inline styles like the plague that they are
88
-
89
- [style]{
90
- outline: 5px solid red;
91
- }
92
-
12
+ // Empty page elements?
13
+
14
+ :empty{
15
+ outline: 5px solid yellow;
16
+ }
17
+
18
+
19
+ // Images require 'alt' attributes, empty 'alt's are fine
20
+ // No 'alt' is bad, flagged in red
21
+
22
+ img{
23
+ outline: 5px solid red;
24
+
25
+ &[alt]{
26
+ outline: none;
27
+ }
28
+ &[alt=""]{
29
+ outline: 5px solid yellow;
30
+ }
31
+ }
32
+
33
+
34
+ // Links benefit from 'title' attributes
35
+ // Not severe, but good to check
36
+
37
+ a{
38
+ outline: 5px solid yellow;
39
+
40
+ &[title]{
41
+ outline: none;
42
+ }
43
+ }
44
+
45
+
46
+ // Esnure lists only contain 'li's as children
47
+
48
+ ul,
49
+ ol{
50
+ > *:not(li){
51
+ outline: 5px solid red;
52
+ }
53
+ }
54
+
55
+
56
+ // 'tr's as children of 'table's isn't great, did you need 'thead'/'tbody'?
57
+
58
+ table > tr{
59
+ outline: 5px solid yellow;
60
+ }
61
+
62
+
63
+ // Various form-field types have required attributes
64
+ // 'input's need 'type'
65
+ // 'textarea's need 'rows' and 'cols'
66
+ // 'submit' buttons need 'value'
67
+
68
+ textarea,
69
+ input{
70
+ outline: 5px solid yellow;
71
+ }
72
+ input[type]{
73
+ outline: none;
74
+ }
75
+ textarea[rows][cols]{
76
+ outline: none;
77
+ }
78
+ input[type=submit]{
79
+ outline: 5px solid red;
80
+
81
+ &[value]{
82
+ outline: none;
83
+ }
84
+ }
85
+
86
+
87
+ // Avoid inline styles like the plague that they are
88
+
89
+ [style]{
90
+ outline: 5px solid red;
91
+ }
92
+
93
93
  } // END if
@@ -62,68 +62,68 @@ $link-color: #bebebe !default;
62
62
  // Customized to allow unitless line-height
63
63
 
64
64
  @mixin font-size($font-size, $line-height:1){
65
- font-size: $font-size;
66
- line-height: $line-height;
65
+ font-size: $font-size;
66
+ line-height: $line-height;
67
67
  }
68
68
 
69
69
  html{
70
- font-family: $base-font-family;
71
- color: $base-font-color;
72
- @include font-size($base-font-size);
70
+ font-family: $base-font-family;
71
+ color: $base-font-color;
72
+ @include font-size($base-font-size);
73
73
  }
74
74
 
75
75
  %giga{
76
- @include font-size($giga-size);
76
+ @include font-size($giga-size);
77
77
  }
78
78
  %mega{
79
- @include font-size($mega-size);
79
+ @include font-size($mega-size);
80
80
  }
81
81
  %kilo{
82
- @include font-size($kilo-size);
82
+ @include font-size($kilo-size);
83
83
  }
84
84
 
85
85
  h1, h2, h3, h4, h5, h6{
86
- font-family: $brand-font-family;
86
+ font-family: $brand-font-family;
87
87
  }
88
88
  h1,
89
89
  %alpha{
90
- @include font-size($h1-size);
90
+ @include font-size($h1-size);
91
91
  }
92
92
  h2,
93
93
  %bravo{
94
- @include font-size($h2-size);
94
+ @include font-size($h2-size);
95
95
  }
96
96
  h3,
97
97
  %charlie{
98
- @include font-size($h3-size);
98
+ @include font-size($h3-size);
99
99
  }
100
100
  h4,
101
101
  %delta{
102
- @include font-size($h4-size);
102
+ @include font-size($h4-size);
103
103
  }
104
104
  h5,
105
105
  %echo{
106
- @include font-size($h5-size);
106
+ @include font-size($h5-size);
107
107
  }
108
108
  h6,
109
109
  %foxtrot{
110
- @include font-size($h6-size);
110
+ @include font-size($h6-size);
111
111
  }
112
112
 
113
113
  %milli{
114
- @include font-size($milli-size);
114
+ @include font-size($milli-size);
115
115
  }
116
116
  %micro{
117
- @include font-size($micro-size);
117
+ @include font-size($micro-size);
118
118
  }
119
119
 
120
120
  a{
121
- color: $link-color;
122
- @include transition(all .3s linear);
123
-
124
- &:hover, &:focus{
125
- color: lighten($link-color, 15%);
126
- }
121
+ color: $link-color;
122
+ @include transition(all .3s linear);
123
+
124
+ &:hover, &:focus{
125
+ color: lighten($link-color, 15%);
126
+ }
127
127
  }
128
128
 
129
129
  // ------------------------------------------------------------------- //
@@ -132,13 +132,13 @@ a{
132
132
 
133
133
  ::selection,
134
134
  ::-moz-selection {
135
- background: $brand-color;
136
- color: #fff;
135
+ background: $brand-color;
136
+ color: #fff;
137
137
  }
138
138
  img::selection,
139
139
  img::moz-selection{
140
- background: transparent;
140
+ background: transparent;
141
141
  }
142
142
  body{
143
- -webkit-tap-highlight-color: $brand-color;
143
+ -webkit-tap-highlight-color: $brand-color;
144
144
  }
@@ -6,20 +6,10 @@
6
6
  // Use with jQuery
7
7
 
8
8
  .is-shown{
9
- display: block;
9
+ display: block;
10
10
  }
11
11
  .is-hidden{
12
- display: none;
13
- }
14
-
15
-
16
- // Hide Text
17
- // Use only as an extend
18
-
19
- %hide-text{
20
- text-indent: 100%;
21
- white-space: nowrap;
22
- overflow: hidden;
12
+ display: none;
23
13
  }
24
14
 
25
15
 
@@ -28,34 +18,34 @@
28
18
  // Ex: Buckets, nav-lists, etc.
29
19
 
30
20
  %float-left{
31
- float: left !important;
21
+ float: left;
32
22
  }
33
23
  %float-right{
34
- float: right !important;
24
+ float: right;
35
25
  }
36
26
  %float-none{
37
- float: none !important;
27
+ float: none;
38
28
  }
39
29
 
40
30
 
41
31
  // Text Alignment
42
32
 
43
33
  %text-left{
44
- text-align: left !important;
34
+ text-align: left;
45
35
  }
46
36
  %text-right{
47
- text-align: right !important;
37
+ text-align: right;
48
38
  }
49
39
  %text-center{
50
- text-align: center !important;
40
+ text-align: center;
51
41
  }
52
42
 
53
43
 
54
44
  // Non-standard border width specification
55
45
 
56
46
  @mixin border($border-widths, $border-style, $border-color){
57
- border: $border-style $border-color;
58
- border-width: $border-widths;
47
+ border: $border-style $border-color;
48
+ border-width: $border-widths;
59
49
  }
60
50
 
61
51
 
@@ -63,8 +53,8 @@
63
53
  // 100%-based percentage ($muted-opacity: 50 = 50%)
64
54
 
65
55
  @mixin muted($muted-opacity){
66
- opacity: ($muted-opacity / 100) !important;
67
- filter: alpha(opacity = $muted-opacity) !important;
56
+ opacity: ($muted-opacity / 100) !important;
57
+ filter: alpha(opacity = $muted-opacity) !important;
68
58
  }
69
59
 
70
60
 
@@ -73,32 +63,32 @@
73
63
  // immediately before the footer
74
64
 
75
65
  @if $sticky-footer == true{
76
-
77
- html,
78
- body{
79
- height: 100%;
80
- }
81
-
82
- .wrapper{
83
- min-height: 100%;
84
- height: auto !important;
85
- height: 100%;
86
- margin: 0 auto -$footer-height;
87
- }
88
-
89
- footer,
90
- .footer,
91
- .push{
92
- height: $footer-height;
93
- }
94
-
66
+
67
+ html,
68
+ body{
69
+ height: 100%;
70
+ }
71
+
72
+ .wrapper{
73
+ min-height: 100%;
74
+ height: auto !important;
75
+ height: 100%;
76
+ margin: 0 auto -$footer-height;
77
+ }
78
+
79
+ footer,
80
+ .footer,
81
+ .push{
82
+ height: $footer-height;
83
+ }
84
+
95
85
  } // END if
96
86
 
97
87
 
98
88
  // Sprite Sheet Mixin
99
89
 
100
90
  @mixin sprite($col, $row){
101
- background: url($sprite-shet-loc) no-repeat ($col * -$sprite-sheet-grid) ($row * -$sprite-sheet-grid);
91
+ background: url($sprite-shet-loc) no-repeat ($col * -$sprite-sheet-grid) ($row * -$sprite-sheet-grid);
102
92
  }
103
93
 
104
94
 
@@ -112,28 +102,28 @@
112
102
 
113
103
  @if $use-media == true{
114
104
 
115
- .media{
116
- display:block;
117
- @include clearfix;
118
-
119
- .media-img{
120
- float: left;
121
- margin-right: $base-spacing-unit;
122
- }
123
- .media-img-flipped{
124
- float: right;
125
- margin-left: $base-spacing-unit;
126
- }
127
-
128
- .media-body{
129
- overflow: hidden;
130
-
131
- &,
132
- & > :last-child{
133
- margin-bottom: 0;
134
- }
135
- } // END media-body
136
- } // END media
105
+ .media{
106
+ display:block;
107
+ @include clearfix;
108
+
109
+ .media-img{
110
+ float: left;
111
+ margin-right: $base-spacing-unit;
112
+ }
113
+ .media-img-flipped{
114
+ float: right;
115
+ margin-left: $base-spacing-unit;
116
+ }
117
+
118
+ .media-body{
119
+ overflow: hidden;
120
+
121
+ &,
122
+ & > :last-child{
123
+ margin-bottom: 0;
124
+ }
125
+ } // END media-body
126
+ } // END media
137
127
 
138
128
  } // END if
139
129
 
@@ -143,8 +133,8 @@
143
133
  // If multi-line is required, use Badonkatrunc: http://badonkatrunc.com/
144
134
 
145
135
  @mixin truncate($truncation-boundary){
146
- max-width: $truncation-boundary;
147
- white-space: nowrap;
148
- overflow: hidden;
149
- text-overflow: ellipsis;
136
+ max-width: $truncation-boundary;
137
+ white-space: nowrap;
138
+ overflow: hidden;
139
+ text-overflow: ellipsis;
150
140
  }
@@ -1,3 +1,3 @@
1
1
  module Kentucky
2
- VERSION = "0.1.2"
2
+ VERSION = "0.1.3"
3
3
  end
data/readme.md CHANGED
@@ -20,36 +20,28 @@ Lastly, we've opened a Trello board for all feedback, issue / bug reporting, and
20
20
  ***
21
21
 
22
22
  ## How do I get Kentucky?
23
- There are a few steps needed to build the new framework. Luckily for you we've automated as much as we can and all you have to do is copy-paste (or type if you're so inclined) a few lines into your terminal and you're set!
23
+ To install Kentucky:
24
24
 
25
- If you need to navigate to your project folder in the Terminal, use the `cd` command to get to your project folder: `$ cd projects-base/project/build`.
25
+ + Open Terminal.
26
+ + Navigate to your project folder (`cd LookThink/Project`).
26
27
 
27
- The simplest way to get Kentucky is to navigate to your project's SCSS folder, open Terminal and type:
28
+ At this point there are two options - you may install Kentucky in an existing SCSS folder or, for static (non-CMS) projects, you may install a full project directory.
28
29
 
29
- $ kentucky install
30
+ + **For CMS or existing folder structures:**
31
+ + Navigate to your SCSS/styles folder (`cd scss`).
32
+ + Type `gem install kentucky`.
33
+ + Type `kentucky install`.
30
34
 
31
- This will install Bourbon, Neat, and Kentucky in nice little folders ready for you to use. All you need to do is add a folder for your partials, pages, or whatever you need and get to coding!
35
+ + **For static, non-CMS projects:**
36
+ + Type `gem install kentucky`.
37
+ + Type `kentucky install --dir`.
38
+
39
+ After installing Kentucky, you need to set SCSS to watch your stylesheets for changes and compile your usable CSS file.
32
40
 
33
- Kentucky also comes with a few options to make your life easier in particular situations.
41
+ + Navigate to your project's home folder (if you are in the SCSS folder, type `cd ../`)
42
+ + Type `sass --watch input:output` (i.e., `sass --watch scss/style.scss:css/style.css`)
34
43
 
35
- If you need a full project structure (fonts, images, etc.), navigate to your project folder, open Terminal:
36
-
37
- $ kentucky install --dir
38
-
39
- This will create **fonts**, **images**, **SCSS**, **style**, and **scripts** folders in your project folder. It then installs Kentucky inside of the created SCSS folder! Super easy, right?!
40
-
41
- The last option is for you Terminal pro's. Kentucky includes the capability to create your project folder, tell Kentucky where it is, and install it there, *without* needing to `cd` there. To do this open Terminal:
42
-
43
- $ mkdir -p projects-base/project/build
44
- $ kentucky install --path=projects-base/project/build --dir
45
-
46
- This creates your project folder, creates all required folders inside of that folder, and installs Kentucky! Boom! This is also runnable without the `--dir` option if all you need is to point Kentucky to the project from anywhere but the project folder, `$ kentucky install --patch=projects-base/project/build/scss`.
47
-
48
- Once Kentucky is installed, navigate to the project folder, open Terminal and run:
49
-
50
- $ sass --watch scss/style.scss:style/style.css
51
-
52
- Leave Terminal open and whenever you make a change to your SCSS files, it will compile a new style.css for you.
44
+ Now, whenever a change is made to an SCSS file, your code will be compiled and exported to the location dictated.
53
45
 
54
46
  ***
55
47
 
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: 0.1.2
4
+ version: 0.1.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Aaron Clemmer