toolkit 2.0.0.alpha.1 → 2.0.0.alpha.2
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.
- checksums.yaml +4 -4
- data/stylesheets/toolkit/_clearfix.scss +2 -2
- data/stylesheets/toolkit/_colors.scss +1 -1
- data/stylesheets/toolkit/_fonts.scss +11 -12
- data/stylesheets/toolkit/_intrinsic-ratio.scss +9 -9
- data/stylesheets/toolkit/_nested-context.scss +3 -3
- data/stylesheets/toolkit/_pe.scss +1 -1
- data/stylesheets/toolkit/_triangle.scss +4 -4
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: af3284a0d078a9ec3b8ebf3ec9e43f3aa4181218
|
|
4
|
+
data.tar.gz: 8808699c15077295c74b60dac7f7839538d0191b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b357c76c89d851c636ab745e757076490128397d27e7b3e17159088a69e88bed29e98c5af3178aff6f8a1f2d2be581aa5e50e35536cf6cb825fc3db58950019a
|
|
7
|
+
data.tar.gz: 02ccc0599c73c03ba04f4791580cf8d37853071b18f802c7a5ff5edb2734cfe489518a242303e81e9cadec765a06f85e1e58e547d728f2c517238a593d04f831
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// Modern Clearfix Mixin
|
|
3
3
|
//////////////////////////////
|
|
4
4
|
@mixin clearfix($extend: null) {
|
|
5
|
-
$extend: if($extend
|
|
5
|
+
$extend: if($extend != null, $extend, toolkit-get('clearfix extend'));
|
|
6
6
|
@if $extend {
|
|
7
7
|
@extend %toolkit-clearfix;
|
|
8
8
|
}
|
|
@@ -16,5 +16,5 @@
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
%toolkit-clearfix {
|
|
19
|
-
@include clearfix(
|
|
19
|
+
@include clearfix(false);
|
|
20
20
|
}
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
// Color Scales
|
|
58
58
|
//////////////////////////////
|
|
59
59
|
@function color-scale($main, $secondary, $shades: null) {
|
|
60
|
-
$shades: if($shades
|
|
60
|
+
$shades: if($shades != null, $shades, toolkit-get('color scale shades'));
|
|
61
61
|
|
|
62
62
|
$list: $main;
|
|
63
63
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// Enable ligatures
|
|
3
3
|
//////////////////////////////
|
|
4
4
|
@mixin enable-ligatures($extend: null) {
|
|
5
|
-
$extend: if($extend
|
|
5
|
+
$extend: if($extend != null, $extend, toolkit-get('extend ligatures'));
|
|
6
6
|
|
|
7
7
|
@if $extend {
|
|
8
8
|
@extend %enable-ligatures;
|
|
@@ -21,26 +21,22 @@
|
|
|
21
21
|
@include enable-ligatures;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
@if not mixin-exists('single-transition') {
|
|
25
|
-
@mixin single-transition($feature, $duration) {
|
|
26
|
-
-webkit-transition: $feature $duration;
|
|
27
|
-
transition: $feature, $duration;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
24
|
//////////////////////////////
|
|
32
25
|
// Font Fade In
|
|
33
26
|
//////////////////////////////
|
|
34
27
|
@mixin content-fade-in($duration: null, $loading: null) {
|
|
35
28
|
|
|
36
|
-
$duration: if($duration
|
|
37
|
-
$loading: if($loading
|
|
29
|
+
$duration: if($duration != null, $duration, toolkit-get('fade in duration'));
|
|
30
|
+
$loading: if($loading != null, $loading, toolkit-get('fade in loading class'));
|
|
38
31
|
$selector: if('#{&}' != '', true, false);
|
|
39
32
|
|
|
40
33
|
@if $selector != false {
|
|
41
34
|
#{$selector} {
|
|
42
35
|
opacity: 1;
|
|
43
|
-
@
|
|
36
|
+
@if not mixin-exists('single-transition') {
|
|
37
|
+
-webkit-transition: opacity $duration;
|
|
38
|
+
transition: opacity $duration;
|
|
39
|
+
}
|
|
44
40
|
|
|
45
41
|
#{$loading} & {
|
|
46
42
|
opacity: 0;
|
|
@@ -49,7 +45,10 @@
|
|
|
49
45
|
}
|
|
50
46
|
@else {
|
|
51
47
|
opacity: 1;
|
|
52
|
-
@
|
|
48
|
+
@if not mixin-exists('single-transition') {
|
|
49
|
+
-webkit-transition: opacity $duration;
|
|
50
|
+
transition: opacity $duration;
|
|
51
|
+
}
|
|
53
52
|
|
|
54
53
|
#{$loading} & {
|
|
55
54
|
opacity: 0;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// Fluid Embeds and whatever WITH NO JAVASCIPT!
|
|
3
3
|
////////////////////////
|
|
4
4
|
@mixin intrinsic-ratio-parent($extend: null) {
|
|
5
|
-
$extend: if($extend
|
|
5
|
+
$extend: if($extend != null, $extend, toolkit-get('intrinsic ratio extend'));
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
@if $extend {
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
@mixin intrinsic-ratio-child($extend: null) {
|
|
18
|
-
$extend: if($extend
|
|
18
|
+
$extend: if($extend != null, $extend, toolkit-get('intrinsic ratio extend'));
|
|
19
19
|
@if $extend {
|
|
20
20
|
@extend %intrinsic-ratio-child;
|
|
21
21
|
}
|
|
@@ -31,18 +31,18 @@
|
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
@mixin intrinsic-ratio-ratio($ratio: null, $width: null, $direction: null) {
|
|
34
|
-
$ratio: if($ration
|
|
35
|
-
$width: if($width
|
|
36
|
-
$direction: if($direction
|
|
34
|
+
$ratio: if($ration != null, $ratio, toolkit-get('intrinsic ratio'));
|
|
35
|
+
$width: if($width != null, $width, toolkit-get('intrinsic ratio width'));
|
|
36
|
+
$direction: if($direction != null, $direction, toolkit-get('intrinsic ratio direction'));
|
|
37
37
|
padding-#{$direction}: (1 / $ratio) * $width;
|
|
38
38
|
width: $width;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
@mixin intrinsic-ratio($ratio: null, $width: null, $elements: null, $direction: null, $extend: null) {
|
|
42
|
-
$ratio: if($ration
|
|
43
|
-
$width: if($width
|
|
44
|
-
$direction: if($direction
|
|
45
|
-
$extend: if($extend
|
|
42
|
+
$ratio: if($ration != null, $ratio, toolkit-get('intrinsic ratio'));
|
|
43
|
+
$width: if($width != null, $width, toolkit-get('intrinsic ratio width'));
|
|
44
|
+
$direction: if($direction != null, $direction, toolkit-get('intrinsic ratio direction'));
|
|
45
|
+
$extend: if($extend != null, $extend, toolkit-get('intrinsic ratio extend'));
|
|
46
46
|
@include intrinsic-ratio-parent($extend);
|
|
47
47
|
|
|
48
48
|
@include intrinsic-ratio-ratio($ratio, $width, $direction);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// simple function to find the context of a nested percentage.
|
|
2
2
|
@function nested-context($contexts: null) {
|
|
3
|
-
$contexts: if($contexts
|
|
3
|
+
$contexts: if($contexts != null, $contexts, toolkit-get('nested context contexts'));
|
|
4
4
|
|
|
5
5
|
// First level deep is always 100%
|
|
6
6
|
$percentage: 100%;
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
|
|
17
17
|
// mixin to make things easier
|
|
18
18
|
@mixin nested-context($contexts: null, $position: null) {
|
|
19
|
-
$contexts: if($contexts
|
|
20
|
-
$position: if($position
|
|
19
|
+
$contexts: if($contexts != null, $contexts, toolkit-get('nested context contexts'));
|
|
20
|
+
$position: if($position != null, $position, toolkit-get('nestex context position'));
|
|
21
21
|
|
|
22
22
|
width: nested-context($contexts);
|
|
23
23
|
@if $position == "center" {
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
|
|
5
5
|
@mixin triangle($color: null, $height: null, $width: null, $angle: null) {
|
|
6
6
|
|
|
7
|
-
$color: if($color
|
|
8
|
-
$height: if($height
|
|
9
|
-
$width: if($width
|
|
10
|
-
$angle: if($angle
|
|
7
|
+
$color: if($color != null, $color, toolkit-get('triangle color'));
|
|
8
|
+
$height: if($height != null, $height, toolkit-get('triangle height'));
|
|
9
|
+
$width: if($width != null, $width, toolkit-get('triangle width'));
|
|
10
|
+
$angle: if($angle != null, $angle, toolkit-get('triangle angle'));
|
|
11
11
|
|
|
12
12
|
@if nth($angle, 1) == "top" or nth($angle, 1) == "bottom" {
|
|
13
13
|
$angle: "#{$angle}";
|