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.
@@ -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
@@ -1,3 +1,3 @@
1
1
  module Kentucky
2
- VERSION = "0.2.0"
2
+ VERSION = "0.3.0"
3
3
  end
data/readme.md CHANGED
@@ -1,6 +1,8 @@
1
1
  # Kentucky
2
2
  ###### Straight from the source.
3
3
 
4
+ [![Gem Version](https://badge.fury.io/rb/kentucky.png)](http://badge.fury.io/rb/kentucky)
5
+
4
6
  ***
5
7
 
6
8
  ## What is Kentucky?
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.2.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-30 00:00:00.000000000 Z
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
- }