kentucky 0.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 ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: ab5dafe0abfe05927056c89cbd743926d1001f3a
4
+ data.tar.gz: e948204fdeaec3bec3b8582a9bf03568b4042321
5
+ SHA512:
6
+ metadata.gz: 8465afb2b35fe623045b45b4dbdefcd90229846b69f44729868e7fe750ff501d5f46cbe8584224f0b07ea35ed3a86a8bd64f6364b4c35b09c29db491e4c531cd
7
+ data.tar.gz: e0e09be31fb4379efcf354665ba188735fba7dae9b5855e5067129ff847c0d4379f8d1f2370a22d09b5249a1bb44f3c4a859584faf1a16f76156ba628ad17064
data/.gitignore ADDED
@@ -0,0 +1,7 @@
1
+ *swp
2
+ *gem
3
+ .sass-cache/
4
+ /bourbon/
5
+ demo/
6
+ tmp/
7
+ tags
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source "http://rubygems.org"
2
+
3
+ # Specify your gem's dependencies in sass-mixins.gemspec
4
+ gemspec
data/Gemfile.lock ADDED
@@ -0,0 +1,55 @@
1
+ PATH
2
+ remote: .
3
+ specs:
4
+ kentucky (0.0.1)
5
+ bourbon (~> 3.1)
6
+ neat (~> 1.2)
7
+ sass (>= 3.2.0)
8
+ thor
9
+
10
+ GEM
11
+ remote: http://rubygems.org/
12
+ specs:
13
+ aruba (0.4.11)
14
+ childprocess (>= 0.2.3)
15
+ cucumber (>= 1.1.1)
16
+ ffi (>= 1.0.11)
17
+ rspec (>= 2.7.0)
18
+ bourbon (3.1.4)
19
+ sass (>= 3.2.0)
20
+ thor
21
+ builder (3.2.0)
22
+ childprocess (0.3.9)
23
+ ffi (~> 1.0, >= 1.0.11)
24
+ cucumber (1.3.1)
25
+ builder (>= 2.1.2)
26
+ diff-lcs (>= 1.1.3)
27
+ gherkin (~> 2.12.0)
28
+ multi_json (~> 1.3)
29
+ diff-lcs (1.1.3)
30
+ ffi (1.8.1)
31
+ gherkin (2.12.0)
32
+ multi_json (~> 1.3)
33
+ multi_json (1.7.2)
34
+ neat (1.2.1)
35
+ bourbon (>= 2.1)
36
+ sass (>= 3.2)
37
+ rake (10.0.4)
38
+ rspec (2.8.0)
39
+ rspec-core (~> 2.8.0)
40
+ rspec-expectations (~> 2.8.0)
41
+ rspec-mocks (~> 2.8.0)
42
+ rspec-core (2.8.0)
43
+ rspec-expectations (2.8.0)
44
+ diff-lcs (~> 1.1.2)
45
+ rspec-mocks (2.8.0)
46
+ sass (3.2.8)
47
+ thor (0.18.1)
48
+
49
+ PLATFORMS
50
+ ruby
51
+
52
+ DEPENDENCIES
53
+ aruba (= 0.4.11)
54
+ kentucky!
55
+ rake
data/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2013 LookThink, LLC
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
data/Rakefile ADDED
@@ -0,0 +1,9 @@
1
+ # encoding: utf-8
2
+ require 'rubygems'
3
+ require 'bundler'
4
+ require 'cucumber/rake/task'
5
+
6
+ Bundler::GemHelper.install_tasks
7
+ Cucumber::Rake::Task.new
8
+
9
+ task :default => :cucumber
@@ -0,0 +1,93 @@
1
+ // ------------------------------------------------------------------- //
2
+ // Debug - Only active if variable set to TRUE in _defaults.scss
3
+ // Use to determine CSS issues within the site
4
+ // ------------------------------------------------------------------- //
5
+
6
+ // Red == Definite Error
7
+ // Yellow == Double-check
8
+ // None == Should be okiedokie
9
+
10
+ @if $debug-mode == true{
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
+
93
+ } // END if
@@ -0,0 +1,152 @@
1
+ // ------------------------------------------------------------------- //
2
+ // Project Settings
3
+ // ------------------------------------------------------------------- //
4
+
5
+ // Visually highlight any potential markup/accessibility quirks
6
+ $debug-mode: false !default;
7
+
8
+ // Use media objects
9
+ $use-media: false !default;
10
+
11
+ // Use sticky footer, if true, uncomment variables
12
+ $sticky-footer: false !default;
13
+ //$footer-height: 60px;
14
+
15
+ // Use project sprite sheet, if true, uncomment variables
16
+ $sprite-sheet: false !default;
17
+ //$sprite-sheet-loc: 'sprite sheet url.png';
18
+ //$sprite-sheet-grid: 36px;
19
+
20
+
21
+ // ------------------------------------------------------------------- //
22
+ // Typographic Variables
23
+ // ------------------------------------------------------------------- //
24
+
25
+ $base-font-family: $helvetica !default;
26
+ $base-font-size: 14px !default;
27
+ $base-line-height: 24px !default;
28
+ $base-font-color: #333 !default;
29
+
30
+ $giga-size: 96px !default;
31
+ $mega-size: 72px !default;
32
+ $kilo-size: 48px !default;
33
+
34
+ $h1-size: 42px !default;
35
+ $h2-size: 36px !default;
36
+ $h3-size: 24px !default;
37
+ $h4-size: 20px !default;
38
+ $h5-size: 18px !default;
39
+ $h6-size: 16px !default;
40
+
41
+ $milli-size: 12px !default;
42
+ $micro-size: 10px !default;
43
+
44
+
45
+ // ------------------------------------------------------------------- //
46
+ // Brand Variables
47
+ // ------------------------------------------------------------------- //
48
+
49
+ $brand-font-family: $helvetica !default;
50
+ $brand-color: #333 !default;;
51
+ $brand-round: 3px !default;
52
+
53
+ $link-color: #bebebe !default;
54
+
55
+
56
+ // ------------------------------------------------------------------- //
57
+ // Typographic Variable Calls
58
+ // ------------------------------------------------------------------- //
59
+
60
+ // Font-Size + Line Height
61
+ // https://twitter.com/redclov3r/status/250301539321798657
62
+
63
+ @mixin font-size($font-size, $line-height:true){
64
+ font-size: $font-size;
65
+ line-height: ceil($font-size / $base-line-height) * ($base-line-height / $font-size) + em;
66
+ }
67
+
68
+ html{
69
+ font-family: $base-font-family;
70
+ font-size: $base-font-size;
71
+ color: $base-font-color;
72
+ }
73
+
74
+ %giga{
75
+ @include font-size($giga-size);
76
+ }
77
+ %mega{
78
+ @include font-size($mega-size);
79
+ }
80
+ %kilo{
81
+ @include font-size($kilo-size);
82
+ }
83
+
84
+ h1, h2, h3, h4, h5, h6{
85
+ font-family: $brand-font-family;
86
+ }
87
+ h1,
88
+ %alpha{
89
+ @include font-size($h1-size);
90
+ }
91
+ h2,
92
+ %bravo{
93
+ @include font-size($h2-size);
94
+ }
95
+ h3,
96
+ %charlie{
97
+ @include font-size($h3-size);
98
+ }
99
+ h4,
100
+ %delta{
101
+ @include font-size($h4-size);
102
+ }
103
+ h5,
104
+ %echo{
105
+ @include font-size($h5-size);
106
+ }
107
+ h6,
108
+ %foxtrot{
109
+ @include font-size($h6-size);
110
+ }
111
+
112
+ .smallprint,
113
+ %milli{
114
+ @include font-size($milli-size);
115
+ }
116
+ %micro{
117
+ @include font-size($micro-size);
118
+ }
119
+
120
+ a{
121
+ color: $link-color;
122
+ @include transition(all .3s linear);
123
+
124
+ &:hover, &:focus{
125
+ color: lighten($link-color, 15%);
126
+ }
127
+ }
128
+
129
+ // ------------------------------------------------------------------- //
130
+ // Custom Selection Text
131
+ // ------------------------------------------------------------------- //
132
+
133
+ ::selection,
134
+ ::-moz-selection {
135
+ background: $brand-color;
136
+ color: #fff;
137
+ }
138
+ img::selection,
139
+ img::moz-selection{
140
+ background: transparent;
141
+ }
142
+ body{
143
+ -webkit-tap-highlight-color: $brand-color;
144
+ }
145
+
146
+ // ------------------------------------------------------------------- //
147
+ // Base Project Spacing
148
+ // ------------------------------------------------------------------- //
149
+
150
+ $base-spacing-unit: $base-line-height !default;
151
+ $half-spacing-unit: $base-spacing-unit / 2 !default;
152
+ $line-height-ratio: $base-line-height / $base-font-size;
@@ -0,0 +1,178 @@
1
+ // ------------------------------------------------------------------- //
2
+ // Kentucky Mixins & Helper Classes
3
+ // ------------------------------------------------------------------- //
4
+
5
+ // Show / Hide elements
6
+ // Use with jQuery
7
+
8
+ .is-shown{
9
+ display: block;
10
+ }
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;
23
+ }
24
+
25
+
26
+ // Add / remove floats
27
+
28
+ %float-left{
29
+ float: left !important;
30
+ }
31
+ %float-right{
32
+ float: right !important;
33
+ }
34
+ %float-none{
35
+ float: none !important;
36
+ }
37
+
38
+
39
+ // Text Alignment
40
+
41
+ %text-left{
42
+ text-align: left !important;
43
+ }
44
+ %text-right{
45
+ text-align: right !important;
46
+ }
47
+ %text-center{
48
+ text-align: center !important;
49
+ }
50
+
51
+
52
+ // Non-standard border width specification
53
+
54
+ @mixin border($border-widths, $border-style, $border-color){
55
+ border: $border-style $border-color;
56
+ border-width: $border-widths;
57
+ }
58
+
59
+
60
+ // Mute DOM elements
61
+
62
+ %muted{
63
+ opacity: .5 !important;
64
+ filter: alpha(opacity = 50) !important;
65
+ }
66
+
67
+
68
+ // Rocker switches (or button groups)
69
+ // Resets buttons to squared corners, applies left/right rounding
70
+
71
+ .rocker{
72
+ border-radius: 0;
73
+
74
+ &:first-child{
75
+ border-radius: $brand-round 0 0 $brand-round;
76
+ }
77
+ &:last-child{
78
+ border-radius: 0 $brand-round $brand-round 0;
79
+ }
80
+ }
81
+
82
+ .v-rocker{
83
+ border-radius: 0;
84
+
85
+ &:first-child{
86
+ border-radius: $brand-round $brand-round 0 0;
87
+ }
88
+ &:last-child{
89
+ border-radius: 0 0 $brand-round $brand-round;
90
+ }
91
+ }
92
+
93
+
94
+ // Sticky Footer
95
+ // Requires full site wrapper and <div class="push"></div>
96
+ // immediately before the footer
97
+
98
+ @if $sticky-footer == true{
99
+
100
+ html,
101
+ body{
102
+ height: 100%;
103
+ }
104
+
105
+ .wrapper{
106
+ min-height: 100%;
107
+ height: auto !important;
108
+ height: 100%;
109
+ margin: 0 auto -$footer-height;
110
+ }
111
+
112
+ footer,
113
+ .footer,
114
+ .push{
115
+ height: $footer-height;
116
+ }
117
+
118
+ } // END if
119
+
120
+
121
+ // Sprite Sheet Mixins
122
+
123
+ @if $sprite-sheet == true{
124
+
125
+ @mixin sprite($col $row){
126
+ background-image: url($sprite-sheet-loc) no-repeat 0 0;
127
+ background-position: ($col * $sprite-sheet-grid) ($row * $sprite-sheet-grid);
128
+ }
129
+
130
+ }
131
+
132
+
133
+ // ------------------------------------------------------------------- //
134
+ // Inuit Mixins - inuitcss.com
135
+ // ------------------------------------------------------------------- //
136
+
137
+
138
+ // Media Object
139
+ // Left / right objects with no content wrapping under media-img
140
+
141
+ @if $use-media == true{
142
+
143
+ .media{
144
+ display:block;
145
+ @include clearfix;
146
+
147
+ .media-img{
148
+ float: left;
149
+ margin-right: $base-spacing-unit;
150
+ }
151
+ .media-img-flipped{
152
+ float: right;
153
+ margin-left: $base-spacing-unit;
154
+ }
155
+
156
+ .media-body{
157
+ overflow: hidden;
158
+
159
+ &,
160
+ & > :last-child{
161
+ margin-bottom: 0;
162
+ }
163
+ }
164
+ }
165
+
166
+ } // END if
167
+
168
+
169
+ // Truncation
170
+ // Single line text truncation (boundary is a width)
171
+ // If multi-line is required, use Badonkatrunc: http://badonkatrunc.com/
172
+
173
+ @mixin truncate($truncation-boundary){
174
+ max-width: $truncation-boundary;
175
+ white-space: nowrap;
176
+ overflow: hidden;
177
+ text-overflow: ellipsis;
178
+ }