kentucky 0.2.0 → 0.3.0

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