kentucky 1.5.1 → 2.0.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.
Files changed (44) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +2 -1
  3. data/app/assets/stylesheets/kentucky/_kentucky.scss +35 -37
  4. data/app/assets/stylesheets/kentucky/{helpers → addons}/_border.scss +3 -2
  5. data/app/assets/stylesheets/kentucky/addons/_clearfix.scss +14 -0
  6. data/app/assets/stylesheets/kentucky/addons/_easings.scss +37 -0
  7. data/app/assets/stylesheets/kentucky/{helpers → addons}/_hide-text.scss +4 -4
  8. data/app/assets/stylesheets/kentucky/addons/_input-types.scss +82 -0
  9. data/app/assets/stylesheets/kentucky/{helpers → addons}/_position.scss +0 -0
  10. data/app/assets/stylesheets/kentucky/{helpers → addons}/_size.scss +0 -0
  11. data/app/assets/stylesheets/kentucky/addons/_truncate.scss +10 -0
  12. data/app/assets/stylesheets/kentucky/base/_buttons.scss +40 -0
  13. data/app/assets/stylesheets/kentucky/base/_forms.scss +86 -0
  14. data/app/assets/stylesheets/kentucky/{functions/_strip-units.scss → base/_layouts.scss} +3 -3
  15. data/app/assets/stylesheets/kentucky/base/_lists.scss +35 -0
  16. data/app/assets/stylesheets/kentucky/base/_project-settings.scss +112 -0
  17. data/app/assets/stylesheets/kentucky/base/_tables.scss +28 -0
  18. data/app/assets/stylesheets/kentucky/base/_typography.scss +91 -0
  19. data/app/assets/stylesheets/kentucky/functions/_assign.scss +17 -0
  20. data/app/assets/stylesheets/kentucky/functions/_tint-shade.scss +11 -0
  21. data/kentucky.gemspec +2 -2
  22. data/lib/kentucky/version.rb +1 -1
  23. data/readme.md +129 -0
  24. metadata +30 -38
  25. data/app/assets/stylesheets/kentucky/_forms.scss +0 -66
  26. data/app/assets/stylesheets/kentucky/_normalize.scss +0 -253
  27. data/app/assets/stylesheets/kentucky/_project-settings.scss +0 -108
  28. data/app/assets/stylesheets/kentucky/_typography.scss +0 -122
  29. data/app/assets/stylesheets/kentucky/functions/_gradient-functions.scss +0 -214
  30. data/app/assets/stylesheets/kentucky/functions/_remify.scss +0 -39
  31. data/app/assets/stylesheets/kentucky/grid/_grid.scss +0 -104
  32. data/app/assets/stylesheets/kentucky/helpers/_anti-aliased.scss +0 -8
  33. data/app/assets/stylesheets/kentucky/helpers/_breadcrumbs.scss +0 -24
  34. data/app/assets/stylesheets/kentucky/helpers/_clearfix.scss +0 -14
  35. data/app/assets/stylesheets/kentucky/helpers/_font-size.scss +0 -11
  36. data/app/assets/stylesheets/kentucky/helpers/_go.scss +0 -11
  37. data/app/assets/stylesheets/kentucky/helpers/_headings.scss +0 -11
  38. data/app/assets/stylesheets/kentucky/helpers/_html5-input-types.scss +0 -29
  39. data/app/assets/stylesheets/kentucky/helpers/_linear-gradient.scss +0 -42
  40. data/app/assets/stylesheets/kentucky/helpers/_mute.scss +0 -15
  41. data/app/assets/stylesheets/kentucky/helpers/_radial-gradient.scss +0 -24
  42. data/app/assets/stylesheets/kentucky/helpers/_strip-unit.scss +0 -7
  43. data/app/assets/stylesheets/kentucky/helpers/_triangle.scss +0 -49
  44. data/app/assets/stylesheets/kentucky/helpers/_truncate.scss +0 -19
@@ -1,214 +0,0 @@
1
- // ------------------------------------------------------------------- //
2
- // Bourbon Gradient Mixins Req. Functions
3
- //
4
- // https://github.com/thoughtbot/bourbon/tree/master/app/assets/stylesheets/helpers
5
- // ------------------------------------------------------------------- //
6
-
7
- // Position Parser
8
- @function _gradient-positions-parser($gradient-type, $gradient-positions) {
9
- @if $gradient-positions
10
- and ($gradient-type == linear)
11
- and (type-of($gradient-positions) != color) {
12
- $gradient-positions: _linear-positions-parser($gradient-positions);
13
- }
14
- @else if $gradient-positions
15
- and ($gradient-type == radial)
16
- and (type-of($gradient-positions) != color) {
17
- $gradient-positions: _radial-positions-parser($gradient-positions);
18
- }
19
- @return $gradient-positions;
20
- }
21
-
22
- // Linear Position Parser
23
- @function _linear-positions-parser($pos) {
24
- $type: type-of(nth($pos, 1));
25
- $spec: null;
26
- $degree: null;
27
- $side: null;
28
- $corner: null;
29
- $length: length($pos);
30
- // Parse Side and corner positions
31
- @if ($length > 1) {
32
- @if nth($pos, 1) == "to" { // Newer syntax
33
- $side: nth($pos, 2);
34
-
35
- @if $length == 2 { // eg. to top
36
- // Swap for backwards compatability
37
- $degree: _position-flipper(nth($pos, 2));
38
- }
39
- @else if $length == 3 { // eg. to top left
40
- $corner: nth($pos, 3);
41
- }
42
- }
43
- @else if $length == 2 { // Older syntax ("top left")
44
- $side: _position-flipper(nth($pos, 1));
45
- $corner: _position-flipper(nth($pos, 2));
46
- }
47
-
48
- @if ("#{$side} #{$corner}" == "left top") or ("#{$side} #{$corner}" == "top left") {
49
- $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
50
- }
51
- @else if ("#{$side} #{$corner}" == "right top") or ("#{$side} #{$corner}" == "top right") {
52
- $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
53
- }
54
- @else if ("#{$side} #{$corner}" == "right bottom") or ("#{$side} #{$corner}" == "bottom right") {
55
- $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
56
- }
57
- @else if ("#{$side} #{$corner}" == "left bottom") or ("#{$side} #{$corner}" == "bottom left") {
58
- $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
59
- }
60
- $spec: to $side $corner;
61
- }
62
- @else if $length == 1 {
63
- // Swap for backwards compatability
64
- @if $type == string {
65
- $degree: $pos;
66
- $spec: to _position-flipper($pos);
67
- }
68
- @else {
69
- $degree: -270 - $pos; //rotate the gradient opposite from spec
70
- $spec: $pos;
71
- }
72
- }
73
- $degree: unquote($degree + ",");
74
- $spec: unquote($spec + ",");
75
- @return $degree $spec;
76
- }
77
-
78
- @function _position-flipper($pos) {
79
- @return if($pos == left, right, null)
80
- if($pos == right, left, null)
81
- if($pos == top, bottom, null)
82
- if($pos == bottom, top, null);
83
- }
84
-
85
- // Radial Argument Parser
86
- @function _radial-arg-parser($G1, $G2, $pos, $shape-size) {
87
- @each $value in $G1, $G2 {
88
- $first-val: nth($value, 1);
89
- $pos-type: type-of($first-val);
90
- $spec-at-index: null;
91
-
92
- // Determine if spec was passed to mixin
93
- @if type-of($value) == list {
94
- $spec-at-index: if(index($value, at), index($value, at), false);
95
- }
96
- @if $spec-at-index {
97
- @if $spec-at-index > 1 {
98
- @for $i from 1 through ($spec-at-index - 1) {
99
- $shape-size: $shape-size nth($value, $i);
100
- }
101
- @for $i from ($spec-at-index + 1) through length($value) {
102
- $pos: $pos nth($value, $i);
103
- }
104
- }
105
- @else if $spec-at-index == 1 {
106
- @for $i from ($spec-at-index + 1) through length($value) {
107
- $pos: $pos nth($value, $i);
108
- }
109
- }
110
- $G1: null;
111
- }
112
-
113
- // If not spec calculate correct values
114
- @else {
115
- @if ($pos-type != color) or ($first-val != "transparent") {
116
- @if ($pos-type == number)
117
- or ($first-val == "center")
118
- or ($first-val == "top")
119
- or ($first-val == "right")
120
- or ($first-val == "bottom")
121
- or ($first-val == "left") {
122
-
123
- $pos: $value;
124
-
125
- @if $pos == $G1 {
126
- $G1: null;
127
- }
128
- }
129
-
130
- @else if
131
- ($first-val == "ellipse")
132
- or ($first-val == "circle")
133
- or ($first-val == "closest-side")
134
- or ($first-val == "closest-corner")
135
- or ($first-val == "farthest-side")
136
- or ($first-val == "farthest-corner")
137
- or ($first-val == "contain")
138
- or ($first-val == "cover") {
139
-
140
- $shape-size: $value;
141
-
142
- @if $value == $G1 {
143
- $G1: null;
144
- }
145
-
146
- @else if $value == $G2 {
147
- $G2: null;
148
- }
149
- }
150
- }
151
- }
152
- }
153
- @return $G1, $G2, $pos, $shape-size;
154
- }
155
-
156
- // Radial Position Parser
157
- @function _radial-positions-parser($gradient-pos) {
158
- $shape-size: nth($gradient-pos, 1);
159
- $pos: nth($gradient-pos, 2);
160
- $shape-size-spec: _shape-size-stripper($shape-size);
161
-
162
- $pre-spec: unquote(if($pos, "#{$pos}, ", null))
163
- unquote(if($shape-size, "#{$shape-size},", null));
164
- $pos-spec: if($pos, "at #{$pos}", null);
165
-
166
- $spec: "#{$shape-size-spec} #{$pos-spec}";
167
-
168
- // Add comma
169
- @if ($spec != ' ') {
170
- $spec: "#{$spec},"
171
- }
172
-
173
- @return $pre-spec $spec;
174
- }
175
-
176
- // Render Gradients
177
- // Used for linear and radial gradients within background-image or border-image properties
178
-
179
- @function _render-gradients($gradient-positions, $gradients, $gradient-type, $vendor: false) {
180
- $pre-spec: null;
181
- $spec: null;
182
- $vendor-gradients: null;
183
- @if $gradient-type == linear {
184
- @if $gradient-positions {
185
- $pre-spec: nth($gradient-positions, 1);
186
- $spec: nth($gradient-positions, 2);
187
- }
188
- }
189
- @else if $gradient-type == radial {
190
- $pre-spec: nth($gradient-positions, 1);
191
- $spec: nth($gradient-positions, 2);
192
- }
193
-
194
- @if $vendor {
195
- $vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient(#{$pre-spec} $gradients);
196
- }
197
- @else if $vendor == false {
198
- $vendor-gradients: "#{$gradient-type}-gradient(#{$spec} #{$gradients})";
199
- $vendor-gradients: unquote($vendor-gradients);
200
- }
201
- @return $vendor-gradients;
202
- }
203
-
204
- // Shape Size Stripper
205
- @function _shape-size-stripper($shape-size) {
206
- $shape-size-spec: null;
207
- @each $value in $shape-size {
208
- @if ($value == "cover") or ($value == "contain") {
209
- $value: null;
210
- }
211
- $shape-size-spec: "#{$shape-size-spec} #{$value}";
212
- }
213
- @return $shape-size-spec;
214
- }
@@ -1,39 +0,0 @@
1
- // ------------------------------------------------------------------- //
2
- // Convert Pixel to REM
3
- //
4
- // Credit: https://github.com/mariusz/remify
5
- // ------------------------------------------------------------------- //
6
-
7
- @function remify($px){
8
- $base-rem-size: $base-font-size / 1rem;
9
-
10
- // If value is 0, return 0
11
- @if $px == 0 {
12
- @return 0;
13
- }
14
-
15
- @if type-of(px) == "number" {
16
-
17
- @return $px / $base-rem-size;
18
-
19
- } @else {
20
-
21
- $rems: ();
22
-
23
- @each $value in $px{
24
-
25
- @if $value == 0{
26
- $rems: append($rems, $value);
27
- } @else {
28
- $rems: append($rems, ($value / $base-rem-size));
29
- }
30
- }
31
-
32
- @return $rems;
33
- }
34
- }
35
-
36
- @mixin rem($property, $values){
37
- #{$property}: $values;
38
- #{$property}: remify($values);
39
- }
@@ -1,104 +0,0 @@
1
- // ------------------------------------------------------------------- //
2
- // Grid Settings
3
- // ------------------------------------------------------------------- //
4
-
5
- $max-width: 960px !default;
6
- $grid-columns: 12 !default;
7
- $grid-gutter: 15px !default;
8
- $column: $max-width / $grid-columns !default;
9
-
10
- // ------------------------------------------------------------------- //
11
- // Set Container
12
- // ------------------------------------------------------------------- //
13
-
14
- @mixin outer-container {
15
- @include clearfix;
16
- max-width: $max-width;
17
- width: 100%;
18
- margin: 0 auto;
19
- }
20
-
21
- // ------------------------------------------------------------------- //
22
- // Set Full Width Row
23
- // ------------------------------------------------------------------- //
24
-
25
- @mixin row{
26
- @include clearfix;
27
- position: relative;
28
- display: block;
29
- margin: 0 -#{$grid-gutter};
30
- }
31
-
32
- // ------------------------------------------------------------------- //
33
- // Set Widths
34
- // ------------------------------------------------------------------- //
35
-
36
- @mixin span-columns($col-size, $flow: left) {
37
-
38
- $col-width: percentage($col-size / $grid-columns);
39
-
40
- @if $col-size > $grid-columns {
41
- @warn "Column size should not be greater than max-columns (#{$grid-columns}).";
42
- }
43
-
44
- @else {
45
-
46
- @if $flow == left {
47
- float: left;
48
- width: $col-width;
49
- padding: 0 $grid-gutter;
50
- }
51
-
52
- @if $flow == "right"{
53
- float: right;
54
- width: $col-width;
55
- padding: 0 $grid-gutter;
56
- }
57
-
58
- @else if $flow == "center" {
59
- float: none;
60
- width: $col-width;
61
- margin: 0 auto;
62
- padding: 0 $grid-gutter;
63
- }
64
- }
65
- }
66
-
67
- // ------------------------------------------------------------------- //
68
- // Shift
69
- // ------------------------------------------------------------------- //
70
-
71
- @mixin shift($col-shift) {
72
- $shift: percentage($col-shift / 12);
73
-
74
- @if $col-shift > 12 {
75
- @warn "Should not shift greater than max-columns (12).";
76
- }
77
-
78
- @else {
79
- margin-left: $shift;
80
- }
81
- }
82
-
83
- // ------------------------------------------------------------------- //
84
- // Hug
85
- // ------------------------------------------------------------------- //
86
-
87
- @mixin hug($direction){
88
-
89
- @if $direction == "left" {
90
- padding-left: 0;
91
- }
92
-
93
- @else if $direction == "right" {
94
- padding-right: 0;
95
- }
96
-
97
- @else if $direction == "both" {
98
- padding: 0;
99
- }
100
-
101
- @else {
102
- @warn "Hug requires 'left', 'right', or 'both'. Please choose a valid direction.";
103
- }
104
- }
@@ -1,8 +0,0 @@
1
- // ------------------------------------------------------------------- //
2
- // For chunky looking fonts (FF/Webkit)
3
- // ------------------------------------------------------------------- //
4
-
5
- %antialiased{
6
- -webkit-font-smoothing: antialiased;
7
- -moz-osx-font-smoothing: grayscale;
8
- }
@@ -1,24 +0,0 @@
1
- // ------------------------------------------------------------------- //
2
- // Breadcrumbs
3
- //
4
- // Must be extended in the ul of the breadcrumbs
5
- // Adds auto-magical separators
6
- // ------------------------------------------------------------------- //
7
-
8
- // Simple breadcrumb ">"
9
- %breadcrumb{
10
- & > li + li:before{
11
- content:"\00BB" "\00A0";
12
- }
13
- }
14
-
15
- // Path breadcrumb "/"
16
- %breadcrumb--path{
17
- & > li + li:before{
18
- content:"\002F" "\00A0";
19
- }
20
- }
21
-
22
- %breadcrumb__root{
23
- font-weight:bold;
24
- }
@@ -1,14 +0,0 @@
1
- // ------------------------------------------------------------------- //
2
- // Clearfix
3
- //
4
- // Source:
5
- // css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
6
- // ------------------------------------------------------------------- //
7
-
8
- @mixin clearfix{
9
- &:after {
10
- content:"";
11
- display:table;
12
- clear:both;
13
- }
14
- }
@@ -1,11 +0,0 @@
1
- // ------------------------------------------------------------------- //
2
- // Quickly generate rem font-size w/ px fallback and line-height
3
- // ------------------------------------------------------------------- //
4
-
5
- @mixin font-size($font-size, $line-height: true){
6
- font-size: remify($font-size);
7
-
8
- @if $line-height == true {
9
- line-height: ceil($font-size / $base-line-height) * ($base-line-height / $font-size);
10
- }
11
- }
@@ -1,11 +0,0 @@
1
- // ------------------------------------------------------------------- //
2
- // "Go"
3
- //
4
- // Add right-facing arrow, indicating movement through site
5
- // ------------------------------------------------------------------- //
6
-
7
- %go{
8
- &:after{
9
- content: "\00A0" "\OOBB";
10
- }
11
- }
@@ -1,11 +0,0 @@
1
- // ------------------------------------------------------------------- //
2
- // Quickly target H# - H#
3
- // ------------------------------------------------------------------- //
4
-
5
- @mixin headings($from: 1, $to: 6){
6
- @for $i from $from through $to{
7
- h#{$i}{
8
- @content
9
- }
10
- }
11
- }