kentucky 0.2.0 → 0.3.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/Kentucky.sublime-workspace +556 -0
- data/app/assets/stylesheets/kentucky/_defaults.scss +27 -98
- data/app/assets/stylesheets/kentucky/_kentucky.scss +72 -9
- data/app/assets/stylesheets/kentucky/_shame.scss +1 -1
- data/app/assets/stylesheets/kentucky/base/_headings.scss +72 -0
- data/app/assets/stylesheets/kentucky/base/_lists.scss +21 -0
- data/app/assets/stylesheets/kentucky/base/_main.scss +22 -0
- data/app/assets/stylesheets/kentucky/base/_smallprint.scss +13 -0
- data/app/assets/stylesheets/kentucky/generic/_brand.scss +16 -0
- data/app/assets/stylesheets/kentucky/generic/_clearfix.scss +11 -0
- data/app/assets/stylesheets/kentucky/{_debug.scss → generic/_debug.scss} +0 -0
- data/app/assets/stylesheets/kentucky/generic/_helpers.scss +71 -0
- data/app/assets/stylesheets/kentucky/generic/_mixins.scss +78 -0
- data/app/assets/stylesheets/kentucky/{_normalize.scss → generic/_normalize.scss} +0 -3
- data/app/assets/stylesheets/kentucky/objects/_breadcrumb.scss +22 -0
- data/app/assets/stylesheets/kentucky/objects/_media.scss +30 -0
- data/app/assets/stylesheets/kentucky/objects/_split.scss +18 -0
- data/lib/kentucky/version.rb +1 -1
- data/readme.md +2 -0
- metadata +16 -5
- data/app/assets/stylesheets/kentucky/_helpers.scss +0 -140
@@ -0,0 +1,78 @@
|
|
1
|
+
// ------------------------------------------------------------------- //
|
2
|
+
// Kentucky Mixins
|
3
|
+
// ------------------------------------------------------------------- //
|
4
|
+
// Font Size / Line Height AiO
|
5
|
+
// ------------------------------------------------------------------- //
|
6
|
+
|
7
|
+
@mixin font-size($font-size, $line-height: true){
|
8
|
+
font-size: $font-size;
|
9
|
+
font-size: ($font-size / $base-font-size) * 1rem;
|
10
|
+
|
11
|
+
@if $line-height == true{
|
12
|
+
line-height: ceil($font-size / $base-line-height) * ($base-line-height / $font-size);
|
13
|
+
}
|
14
|
+
}
|
15
|
+
|
16
|
+
|
17
|
+
// ------------------------------------------------------------------- //
|
18
|
+
// Style any number of headings at once
|
19
|
+
//
|
20
|
+
// .foo{
|
21
|
+
// @include headings(1,3){
|
22
|
+
// color: #B4DA55;
|
23
|
+
// }
|
24
|
+
// }
|
25
|
+
// ------------------------------------------------------------------- //
|
26
|
+
|
27
|
+
@mixin headings($from: 1, $to: 6){
|
28
|
+
%base-heading{
|
29
|
+
@content
|
30
|
+
}
|
31
|
+
|
32
|
+
@if $from >= 1 and $to <= 6{
|
33
|
+
@for $i from $from through $to{
|
34
|
+
h#{$i}{
|
35
|
+
@extend %base-heading;
|
36
|
+
}
|
37
|
+
}
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
|
42
|
+
// ------------------------------------------------------------------- //
|
43
|
+
// Text Truncation
|
44
|
+
//
|
45
|
+
// @include truncate(450px);
|
46
|
+
// Only works for single-line truncation
|
47
|
+
// ------------------------------------------------------------------- //
|
48
|
+
|
49
|
+
@mixin truncate($truncation-boundary){
|
50
|
+
max-width: $truncation-boundary;
|
51
|
+
white-space: nowrap;
|
52
|
+
overflow: hidden;
|
53
|
+
text-overflow: ellipsis;
|
54
|
+
}
|
55
|
+
|
56
|
+
|
57
|
+
// ------------------------------------------------------------------- //
|
58
|
+
// Sprite Sheet
|
59
|
+
//
|
60
|
+
// @include sprite(0,0);
|
61
|
+
// ------------------------------------------------------------------- //
|
62
|
+
|
63
|
+
@mixin sprite($col, $row){
|
64
|
+
background: url($sprite-shet-loc) no-repeat ($col * -$sprite-sheet-grid) ($row * -$sprite-sheet-grid);
|
65
|
+
}
|
66
|
+
|
67
|
+
|
68
|
+
// ------------------------------------------------------------------- //
|
69
|
+
// Custom Borders / Widths
|
70
|
+
//
|
71
|
+
// @include border(2px 0, solid, #B4DA55);
|
72
|
+
// ------------------------------------------------------------------- //
|
73
|
+
|
74
|
+
@mixin border($border-widths, $border-style, $border-color){
|
75
|
+
border: $border-style $border-color;
|
76
|
+
border-width: $border-widths;
|
77
|
+
}
|
78
|
+
|
@@ -3,9 +3,6 @@
|
|
3
3
|
// http://necolas.github.io/normalize.css/
|
4
4
|
//
|
5
5
|
// Edited for use with Kentucky
|
6
|
-
// ------------------------------------------------------------------- //
|
7
|
-
|
8
|
-
|
9
6
|
// ------------------------------------------------------------------- //
|
10
7
|
// Base Reset
|
11
8
|
// Allows for better control over spacing from the start
|
@@ -0,0 +1,22 @@
|
|
1
|
+
// ------------------------------------------------------------------- //
|
2
|
+
// Breadcrumbs
|
3
|
+
// ------------------------------------------------------------------- //
|
4
|
+
|
5
|
+
@if $use-breadcrumb == true{
|
6
|
+
|
7
|
+
// Simple breadcrumb ">"
|
8
|
+
.breadcrumb > li + li:before{
|
9
|
+
content:"\00BB" "\00A0";
|
10
|
+
}
|
11
|
+
|
12
|
+
// Path breadcrumb "/"
|
13
|
+
.breadcrumb--path > li + li:before{
|
14
|
+
content:"\002F" "\00A0";
|
15
|
+
}
|
16
|
+
|
17
|
+
// Denote the root of the tree
|
18
|
+
.breadcrumb__root{
|
19
|
+
font-weight:bold;
|
20
|
+
}
|
21
|
+
|
22
|
+
} // END if
|
@@ -0,0 +1,30 @@
|
|
1
|
+
// ------------------------------------------------------------------- //
|
2
|
+
// Media Objects
|
3
|
+
// ------------------------------------------------------------------- //
|
4
|
+
|
5
|
+
@if $use-media == true{
|
6
|
+
|
7
|
+
.media{
|
8
|
+
display:block;
|
9
|
+
@extend %cf;
|
10
|
+
|
11
|
+
.media__img{
|
12
|
+
float: left;
|
13
|
+
margin-right: $base-spacing-unit;
|
14
|
+
}
|
15
|
+
.media__img-rev{
|
16
|
+
float: right;
|
17
|
+
margin-left: $base-spacing-unit;
|
18
|
+
}
|
19
|
+
|
20
|
+
.media__body{
|
21
|
+
overflow: hidden;
|
22
|
+
|
23
|
+
&,
|
24
|
+
& > :last-child{
|
25
|
+
margin-bottom: 0;
|
26
|
+
}
|
27
|
+
} // END media-body
|
28
|
+
} // END media
|
29
|
+
|
30
|
+
} // END if
|
@@ -0,0 +1,18 @@
|
|
1
|
+
// ------------------------------------------------------------------- //
|
2
|
+
// Split
|
3
|
+
// ------------------------------------------------------------------- //
|
4
|
+
|
5
|
+
@if $use-split == true{
|
6
|
+
|
7
|
+
%split{
|
8
|
+
margin-left: 0;
|
9
|
+
text-align: right;
|
10
|
+
|
11
|
+
.split__title{
|
12
|
+
float: left;
|
13
|
+
clear: both;
|
14
|
+
text-align: left;
|
15
|
+
}
|
16
|
+
}
|
17
|
+
|
18
|
+
} // END if
|
data/lib/kentucky/version.rb
CHANGED
data/readme.md
CHANGED
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.
|
4
|
+
version: 0.3.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: 2013-07
|
13
|
+
date: 2013-10-07 00:00:00.000000000 Z
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|
16
16
|
name: sass
|
@@ -108,14 +108,25 @@ files:
|
|
108
108
|
- .gitignore
|
109
109
|
- Gemfile
|
110
110
|
- Gemfile.lock
|
111
|
+
- Kentucky.sublime-workspace
|
111
112
|
- LICENSE
|
112
113
|
- Rakefile
|
113
|
-
- app/assets/stylesheets/kentucky/_debug.scss
|
114
114
|
- app/assets/stylesheets/kentucky/_defaults.scss
|
115
|
-
- app/assets/stylesheets/kentucky/_helpers.scss
|
116
115
|
- app/assets/stylesheets/kentucky/_kentucky.scss
|
117
|
-
- app/assets/stylesheets/kentucky/_normalize.scss
|
118
116
|
- app/assets/stylesheets/kentucky/_shame.scss
|
117
|
+
- app/assets/stylesheets/kentucky/base/_headings.scss
|
118
|
+
- app/assets/stylesheets/kentucky/base/_lists.scss
|
119
|
+
- app/assets/stylesheets/kentucky/base/_main.scss
|
120
|
+
- app/assets/stylesheets/kentucky/base/_smallprint.scss
|
121
|
+
- app/assets/stylesheets/kentucky/generic/_brand.scss
|
122
|
+
- app/assets/stylesheets/kentucky/generic/_clearfix.scss
|
123
|
+
- app/assets/stylesheets/kentucky/generic/_debug.scss
|
124
|
+
- app/assets/stylesheets/kentucky/generic/_helpers.scss
|
125
|
+
- app/assets/stylesheets/kentucky/generic/_mixins.scss
|
126
|
+
- app/assets/stylesheets/kentucky/generic/_normalize.scss
|
127
|
+
- app/assets/stylesheets/kentucky/objects/_breadcrumb.scss
|
128
|
+
- app/assets/stylesheets/kentucky/objects/_media.scss
|
129
|
+
- app/assets/stylesheets/kentucky/objects/_split.scss
|
119
130
|
- app/assets/stylesheets/style.scss
|
120
131
|
- bin/kentucky
|
121
132
|
- features/install.feature
|
@@ -1,140 +0,0 @@
|
|
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
|
-
// Add / remove floats
|
17
|
-
// Use only as an extend when used for sections or block elements
|
18
|
-
// Ex: Buckets, nav-lists, etc.
|
19
|
-
|
20
|
-
%float-left{
|
21
|
-
float: left;
|
22
|
-
}
|
23
|
-
%float-right{
|
24
|
-
float: right;
|
25
|
-
}
|
26
|
-
%float-none{
|
27
|
-
float: none;
|
28
|
-
}
|
29
|
-
|
30
|
-
|
31
|
-
// Text Alignment
|
32
|
-
|
33
|
-
%text-left{
|
34
|
-
text-align: left;
|
35
|
-
}
|
36
|
-
%text-right{
|
37
|
-
text-align: right;
|
38
|
-
}
|
39
|
-
%text-center{
|
40
|
-
text-align: center;
|
41
|
-
}
|
42
|
-
|
43
|
-
|
44
|
-
// Non-standard border width specification
|
45
|
-
|
46
|
-
@mixin border($border-widths, $border-style, $border-color){
|
47
|
-
border: $border-style $border-color;
|
48
|
-
border-width: $border-widths;
|
49
|
-
}
|
50
|
-
|
51
|
-
|
52
|
-
// Mute DOM elements
|
53
|
-
// 100%-based percentage ($muted-opacity: 50 = 50%)
|
54
|
-
|
55
|
-
@mixin muted($muted-opacity){
|
56
|
-
opacity: ($muted-opacity / 100) !important;
|
57
|
-
filter: alpha(opacity = $muted-opacity) !important;
|
58
|
-
}
|
59
|
-
|
60
|
-
|
61
|
-
// Sticky Footer
|
62
|
-
// Requires full site wrapper and <div class="push"></div>
|
63
|
-
// immediately before the footer
|
64
|
-
|
65
|
-
@if $sticky-footer == true{
|
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
|
-
|
85
|
-
} // END if
|
86
|
-
|
87
|
-
|
88
|
-
// Sprite Sheet Mixin
|
89
|
-
|
90
|
-
@mixin sprite($col, $row){
|
91
|
-
background: url($sprite-shet-loc) no-repeat ($col * -$sprite-sheet-grid) ($row * -$sprite-sheet-grid);
|
92
|
-
}
|
93
|
-
|
94
|
-
|
95
|
-
// ------------------------------------------------------------------- //
|
96
|
-
// Inuit Mixins - inuitcss.com
|
97
|
-
// ------------------------------------------------------------------- //
|
98
|
-
|
99
|
-
|
100
|
-
// Media Object
|
101
|
-
// Left / right objects with no content wrapping under media-img
|
102
|
-
|
103
|
-
@if $use-media == true{
|
104
|
-
|
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
|
127
|
-
|
128
|
-
} // END if
|
129
|
-
|
130
|
-
|
131
|
-
// Truncation
|
132
|
-
// Single line text truncation (boundary is a width)
|
133
|
-
// If multi-line is required, use Badonkatrunc: http://badonkatrunc.com/
|
134
|
-
|
135
|
-
@mixin truncate($truncation-boundary){
|
136
|
-
max-width: $truncation-boundary;
|
137
|
-
white-space: nowrap;
|
138
|
-
overflow: hidden;
|
139
|
-
text-overflow: ellipsis;
|
140
|
-
}
|