kentucky 0.2.0 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
-
}
|