kentucky 1.5.1 → 2.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +2 -1
- data/app/assets/stylesheets/kentucky/_kentucky.scss +35 -37
- data/app/assets/stylesheets/kentucky/{helpers → addons}/_border.scss +3 -2
- data/app/assets/stylesheets/kentucky/addons/_clearfix.scss +14 -0
- data/app/assets/stylesheets/kentucky/addons/_easings.scss +37 -0
- data/app/assets/stylesheets/kentucky/{helpers → addons}/_hide-text.scss +4 -4
- data/app/assets/stylesheets/kentucky/addons/_input-types.scss +82 -0
- data/app/assets/stylesheets/kentucky/{helpers → addons}/_position.scss +0 -0
- data/app/assets/stylesheets/kentucky/{helpers → addons}/_size.scss +0 -0
- data/app/assets/stylesheets/kentucky/addons/_truncate.scss +10 -0
- data/app/assets/stylesheets/kentucky/base/_buttons.scss +40 -0
- data/app/assets/stylesheets/kentucky/base/_forms.scss +86 -0
- data/app/assets/stylesheets/kentucky/{functions/_strip-units.scss → base/_layouts.scss} +3 -3
- data/app/assets/stylesheets/kentucky/base/_lists.scss +35 -0
- data/app/assets/stylesheets/kentucky/base/_project-settings.scss +112 -0
- data/app/assets/stylesheets/kentucky/base/_tables.scss +28 -0
- data/app/assets/stylesheets/kentucky/base/_typography.scss +91 -0
- data/app/assets/stylesheets/kentucky/functions/_assign.scss +17 -0
- data/app/assets/stylesheets/kentucky/functions/_tint-shade.scss +11 -0
- data/kentucky.gemspec +2 -2
- data/lib/kentucky/version.rb +1 -1
- data/readme.md +129 -0
- metadata +30 -38
- data/app/assets/stylesheets/kentucky/_forms.scss +0 -66
- data/app/assets/stylesheets/kentucky/_normalize.scss +0 -253
- data/app/assets/stylesheets/kentucky/_project-settings.scss +0 -108
- data/app/assets/stylesheets/kentucky/_typography.scss +0 -122
- data/app/assets/stylesheets/kentucky/functions/_gradient-functions.scss +0 -214
- data/app/assets/stylesheets/kentucky/functions/_remify.scss +0 -39
- data/app/assets/stylesheets/kentucky/grid/_grid.scss +0 -104
- data/app/assets/stylesheets/kentucky/helpers/_anti-aliased.scss +0 -8
- data/app/assets/stylesheets/kentucky/helpers/_breadcrumbs.scss +0 -24
- data/app/assets/stylesheets/kentucky/helpers/_clearfix.scss +0 -14
- data/app/assets/stylesheets/kentucky/helpers/_font-size.scss +0 -11
- data/app/assets/stylesheets/kentucky/helpers/_go.scss +0 -11
- data/app/assets/stylesheets/kentucky/helpers/_headings.scss +0 -11
- data/app/assets/stylesheets/kentucky/helpers/_html5-input-types.scss +0 -29
- data/app/assets/stylesheets/kentucky/helpers/_linear-gradient.scss +0 -42
- data/app/assets/stylesheets/kentucky/helpers/_mute.scss +0 -15
- data/app/assets/stylesheets/kentucky/helpers/_radial-gradient.scss +0 -24
- data/app/assets/stylesheets/kentucky/helpers/_strip-unit.scss +0 -7
- data/app/assets/stylesheets/kentucky/helpers/_triangle.scss +0 -49
- data/app/assets/stylesheets/kentucky/helpers/_truncate.scss +0 -19
@@ -1,29 +0,0 @@
|
|
1
|
-
// ------------------------------------------------------------------- //
|
2
|
-
// All-encompasing HTML5 Input Types
|
3
|
-
//
|
4
|
-
// From Bourbon.io
|
5
|
-
// ------------------------------------------------------------------- //
|
6
|
-
|
7
|
-
$inputs-list:
|
8
|
-
'input[type="email"]',
|
9
|
-
'input[type="number"]',
|
10
|
-
'input[type="password"]',
|
11
|
-
'input[type="search"]',
|
12
|
-
'input[type="tel"]',
|
13
|
-
'input[type="text"]',
|
14
|
-
'input[type="url"]',
|
15
|
-
|
16
|
-
'input[type="color"]',
|
17
|
-
'input[type="date"]',
|
18
|
-
'input[type="datetime"]',
|
19
|
-
'input[type="datetime-local"]',
|
20
|
-
'input[type="month"]',
|
21
|
-
'input[type="time"]',
|
22
|
-
'input[type="week"]';
|
23
|
-
|
24
|
-
$unquoted-inputs-list: null;
|
25
|
-
@each $input-type in $inputs-list{
|
26
|
-
$unquoted-inputs-list: append($unquoted-inputs-list, unquote($input-type), comma) !global;
|
27
|
-
}
|
28
|
-
|
29
|
-
$all-text-inputs: $unquoted-inputs-list;
|
@@ -1,42 +0,0 @@
|
|
1
|
-
// ------------------------------------------------------------------- //
|
2
|
-
// Gradient Mixin from Bourbon
|
3
|
-
// ------------------------------------------------------------------- //
|
4
|
-
|
5
|
-
@mixin linear-gradient($pos, $G1, $G2: null,
|
6
|
-
$G3: null, $G4: null,
|
7
|
-
$G5: null, $G6: null,
|
8
|
-
$G7: null, $G8: null,
|
9
|
-
$G9: null, $G10: null,
|
10
|
-
$fallback: null) {
|
11
|
-
// Detect what type of value exists in $pos
|
12
|
-
$pos-type: type-of(nth($pos, 1));
|
13
|
-
$pos-spec: null;
|
14
|
-
$pos-degree: null;
|
15
|
-
|
16
|
-
// If $pos is missing from mixin, reassign vars and add default position
|
17
|
-
@if ($pos-type == color) or (nth($pos, 1) == "transparent") {
|
18
|
-
$G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
|
19
|
-
$G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
|
20
|
-
$pos: null;
|
21
|
-
}
|
22
|
-
|
23
|
-
@if $pos {
|
24
|
-
$positions: _linear-positions-parser($pos);
|
25
|
-
$pos-degree: nth($positions, 1);
|
26
|
-
$pos-spec: nth($positions, 2);
|
27
|
-
}
|
28
|
-
|
29
|
-
$full: $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10;
|
30
|
-
|
31
|
-
// Set $G1 as the default fallback color
|
32
|
-
$fallback-color: nth($G1, 1);
|
33
|
-
|
34
|
-
// If $fallback is a color use that color as the fallback color
|
35
|
-
@if (type-of($fallback) == color) or ($fallback == "transparent") {
|
36
|
-
$fallback-color: $fallback;
|
37
|
-
}
|
38
|
-
|
39
|
-
background-color: $fallback-color;
|
40
|
-
background-image: -webkit-linear-gradient($pos-degree $full); // Safari 5.1+, Chrome
|
41
|
-
background-image: unquote("linear-gradient(#{$pos-spec}#{$full})");
|
42
|
-
}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
// ------------------------------------------------------------------- //
|
2
|
-
// Muted
|
3
|
-
// ------------------------------------------------------------------- //
|
4
|
-
|
5
|
-
@mixin muted($mute-amt){
|
6
|
-
|
7
|
-
@if $mute-amt > 1{
|
8
|
-
@warn "Mute amount should be in decimal format (.1, .2, .etc)";
|
9
|
-
}
|
10
|
-
|
11
|
-
@else {
|
12
|
-
opacity: $mute-amt;
|
13
|
-
filter: alpha(opacity=($mute-amt * 100));
|
14
|
-
}
|
15
|
-
}
|
@@ -1,24 +0,0 @@
|
|
1
|
-
// ------------------------------------------------------------------- //
|
2
|
-
// Radial Gradient
|
3
|
-
// ------------------------------------------------------------------- //
|
4
|
-
|
5
|
-
@function radial-gradient($G1, $G2,
|
6
|
-
$G3: null, $G4: null,
|
7
|
-
$G5: null, $G6: null,
|
8
|
-
$G7: null, $G8: null,
|
9
|
-
$G9: null, $G10: null,
|
10
|
-
$pos: null,
|
11
|
-
$shape-size: null) {
|
12
|
-
|
13
|
-
$data: _radial-arg-parser($G1, $G2, $pos, $shape-size);
|
14
|
-
$G1: nth($data, 1);
|
15
|
-
$G2: nth($data, 2);
|
16
|
-
$pos: nth($data, 3);
|
17
|
-
$shape-size: nth($data, 4);
|
18
|
-
|
19
|
-
$type: radial;
|
20
|
-
$gradient: $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10;
|
21
|
-
|
22
|
-
$type-gradient: $type, $shape-size $pos, $gradient;
|
23
|
-
@return $type-gradient;
|
24
|
-
}
|
@@ -1,49 +0,0 @@
|
|
1
|
-
// ------------------------------------------------------------------- //
|
2
|
-
// CSS Triangles
|
3
|
-
//
|
4
|
-
// Credit to Bourbon for triangle mixin
|
5
|
-
// ------------------------------------------------------------------- //
|
6
|
-
|
7
|
-
@mixin triangle($size, $color, $direction){
|
8
|
-
@include size(0);
|
9
|
-
|
10
|
-
@if ($direction == up) or ($direction == down) or ($direction == left) or ($direction == right){
|
11
|
-
border: solid transparent;
|
12
|
-
border-width: $size / 2;
|
13
|
-
|
14
|
-
@if $direction == up {
|
15
|
-
border-bottom-color: $color;
|
16
|
-
|
17
|
-
} @else if $direction == right {
|
18
|
-
border-left-color: $color;
|
19
|
-
|
20
|
-
} @else if $direction == down {
|
21
|
-
border-top-color: $color;
|
22
|
-
|
23
|
-
} @else if $direction == left {
|
24
|
-
border-right-color: $color;
|
25
|
-
}
|
26
|
-
}
|
27
|
-
|
28
|
-
@else if ($direction == up-right) or ($direction == up-left) {
|
29
|
-
border-top: $size solid $color;
|
30
|
-
|
31
|
-
@if $direction == up-right {
|
32
|
-
border-left: $size solid transparent;
|
33
|
-
|
34
|
-
} @else if $direction == up-left {
|
35
|
-
border-right: $size solid transparent;
|
36
|
-
}
|
37
|
-
}
|
38
|
-
|
39
|
-
@else if ($direction == down-right) or ($direction == down-left) {
|
40
|
-
border-bottom: $size solid $color;
|
41
|
-
|
42
|
-
@if $direction == down-right {
|
43
|
-
border-left: $size solid transparent;
|
44
|
-
|
45
|
-
} @else if $direction == down-left {
|
46
|
-
border-right: $size solid transparent;
|
47
|
-
}
|
48
|
-
}
|
49
|
-
}
|
@@ -1,19 +0,0 @@
|
|
1
|
-
// Truncate single-lined elements
|
2
|
-
|
3
|
-
@mixin truncate($truncate-width){
|
4
|
-
|
5
|
-
display: inline-block;
|
6
|
-
|
7
|
-
// Ensure width has a value
|
8
|
-
@if unitless($truncate-width){
|
9
|
-
max-width: $truncate-width + px;
|
10
|
-
}
|
11
|
-
@else {
|
12
|
-
max-width: $truncate-width;
|
13
|
-
}
|
14
|
-
|
15
|
-
white-space: nowrap;
|
16
|
-
overflow: hidden;
|
17
|
-
text-overflow: ellipsis;
|
18
|
-
|
19
|
-
}
|