accoutrement 1.0.0.beta.7 → 1.0.0.beta.8
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/VERSION +1 -1
- data/stylesheets/accoutrement/_color.scss +21 -6
- data/stylesheets/accoutrement/_icons.scss +10 -6
- data/stylesheets/accoutrement/_maps.scss +30 -0
- data/stylesheets/accoutrement/_scale.scss +64 -83
- 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: 9e5e06914bdd8bff64a1ad88db0d27de9d1b2608
|
4
|
+
data.tar.gz: d1c27387540234d5a57a8deafb04df4e930b1f5e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 0cda7513e981e15f9de06674b62326cf1276a4c041580fdf72beaedabf2005823421582d1156078a0b36d3116774b79f9c4d7d04c5a98183e32dec45c1050138
|
7
|
+
data.tar.gz: 6fc03b6752d59ad571326460362b287b5a13865a6d77ab71716b5bcf2ec494ec22495c6e3b27549745e04c6355071c7d774b1f5451358abb11ca8acc5a6cec89
|
data/VERSION
CHANGED
@@ -1 +1 @@
|
|
1
|
-
1.0.0.beta.
|
1
|
+
1.0.0.beta.7
|
@@ -1,6 +1,12 @@
|
|
1
1
|
// Color Toolkit
|
2
2
|
// =============
|
3
3
|
|
4
|
+
@import "compass/utilities/color/contrast";
|
5
|
+
|
6
|
+
|
7
|
+
// Config
|
8
|
+
// ------
|
9
|
+
|
4
10
|
$colors: () !default;
|
5
11
|
|
6
12
|
|
@@ -17,14 +23,16 @@ $colors: () !default;
|
|
17
23
|
// Color
|
18
24
|
// -----
|
19
25
|
// Access your color pallette
|
20
|
-
@function color(
|
21
|
-
|
22
|
-
)
|
23
|
-
$
|
24
|
-
$
|
25
|
-
|
26
|
+
@function color($color) {
|
27
|
+
// Parse arguments
|
28
|
+
$color: map-get($colors, $color) or $color;
|
29
|
+
$base: nth($color, 1);
|
30
|
+
$adjust: if(length($color) > 1, nth($color, 2), ());
|
31
|
+
|
32
|
+
// Recursive check
|
26
33
|
$color: if(map-has-key($colors, $base), color($base), $base);
|
27
34
|
|
35
|
+
// Adjustments
|
28
36
|
@each $function, $values in $adjust {
|
29
37
|
@if function-exists($function) {
|
30
38
|
$color: call($function, $color, $values...)
|
@@ -35,3 +43,10 @@ $colors: () !default;
|
|
35
43
|
|
36
44
|
@return $color;
|
37
45
|
}
|
46
|
+
|
47
|
+
|
48
|
+
// Contrast
|
49
|
+
// --------
|
50
|
+
@function contrast($color) {
|
51
|
+
@return contrast-color(color($color));
|
52
|
+
}
|
@@ -13,7 +13,7 @@ $icons: ();
|
|
13
13
|
) {
|
14
14
|
&::#{$location} {
|
15
15
|
@extend %icon;
|
16
|
-
content:
|
16
|
+
content: icon($name);
|
17
17
|
@content;
|
18
18
|
}
|
19
19
|
}
|
@@ -21,10 +21,14 @@ $icons: ();
|
|
21
21
|
|
22
22
|
// Icon [function]
|
23
23
|
// ---------------
|
24
|
-
@function icon(
|
25
|
-
$
|
26
|
-
|
27
|
-
@
|
24
|
+
@function icon($icon) {
|
25
|
+
$icon: map-get($icons, $icon) or $icon;
|
26
|
+
|
27
|
+
@if map-has-key($icons, $icon) {
|
28
|
+
$icon: icon($icon);
|
29
|
+
}
|
30
|
+
|
31
|
+
@return $icon;
|
28
32
|
}
|
29
33
|
|
30
34
|
|
@@ -35,7 +39,7 @@ $icons: ();
|
|
35
39
|
) {
|
36
40
|
@each $name, $value in $map {
|
37
41
|
@if map-has-key($icons, $value) {
|
38
|
-
$value:
|
42
|
+
$value: icon($value);
|
39
43
|
}
|
40
44
|
[data-icon='#{$name}']:before { content: '#{$value}'; }
|
41
45
|
}
|
@@ -99,8 +99,38 @@
|
|
99
99
|
#{$key} {
|
100
100
|
@include render($value);
|
101
101
|
}
|
102
|
+
} @else if $key == 'extend' {
|
103
|
+
@extend #{$value};
|
102
104
|
} @else {
|
103
105
|
#{$key}: $value;
|
104
106
|
}
|
105
107
|
}
|
106
108
|
}
|
109
|
+
|
110
|
+
|
111
|
+
// Parse
|
112
|
+
// -----
|
113
|
+
@function parse(
|
114
|
+
$shorthand,
|
115
|
+
$keywords
|
116
|
+
){
|
117
|
+
@if type-of($shorthand) == map {
|
118
|
+
@return $shorthand;
|
119
|
+
} @else {
|
120
|
+
$return: ();
|
121
|
+
|
122
|
+
@each $item in $shorthand {
|
123
|
+
@if type-of($item) == map {
|
124
|
+
$return: map-merge($return, $item);
|
125
|
+
} @else {
|
126
|
+
@each $setting, $options in $keywords {
|
127
|
+
@if index($options, $item) {
|
128
|
+
$return: map-merge($return, ($setting: $item));
|
129
|
+
}
|
130
|
+
}
|
131
|
+
}
|
132
|
+
}
|
133
|
+
|
134
|
+
@return $return;
|
135
|
+
}
|
136
|
+
}
|
@@ -3,7 +3,7 @@
|
|
3
3
|
|
4
4
|
@import "compass/typography/vertical_rhythm";
|
5
5
|
|
6
|
-
$
|
6
|
+
$ratio-options: (
|
7
7
|
linear : linear,
|
8
8
|
octave : 2,
|
9
9
|
major-seventh : 15/8,
|
@@ -19,61 +19,41 @@ $_ratio-options: (
|
|
19
19
|
minor-second : 16/15,
|
20
20
|
);
|
21
21
|
|
22
|
+
$base-size: $base-font-size !default;
|
22
23
|
$ratio: fifth !default;
|
23
24
|
|
24
25
|
|
25
26
|
// Sizes
|
26
27
|
// -----
|
27
|
-
$
|
28
|
+
$sizes: (
|
29
|
+
normal: 0,
|
30
|
+
rhythm: 1,
|
31
|
+
|
28
32
|
h1: 4,
|
29
33
|
h2: 3,
|
30
34
|
h3: 2,
|
31
|
-
line: 1,
|
32
|
-
normal: 0,
|
33
|
-
small: -1,
|
34
|
-
smaller: -2,
|
35
|
-
);
|
36
|
-
|
37
|
-
$sizes: (
|
38
|
-
gutter: 1,
|
39
|
-
);
|
40
|
-
|
41
35
|
|
42
|
-
|
43
|
-
// -----
|
44
|
-
@mixin sizes(
|
45
|
-
$map
|
46
|
-
) {
|
47
|
-
$sizes: map-merge($sizes, $map) !global;
|
48
|
-
}
|
36
|
+
small: -1,
|
49
37
|
|
38
|
+
gutter: rhythm,
|
39
|
+
column: 4,
|
40
|
+
shim: -2,
|
50
41
|
|
51
|
-
|
52
|
-
|
53
|
-
@mixin font-sizes(
|
54
|
-
$map
|
55
|
-
) {
|
56
|
-
$font-sizes: map-merge($font-sizes, $map) !global;
|
57
|
-
}
|
42
|
+
corners: shim,
|
43
|
+
);
|
58
44
|
|
59
45
|
|
60
|
-
//
|
61
|
-
//
|
62
|
-
@function
|
63
|
-
$size
|
64
|
-
$root: $base-font-size,
|
65
|
-
$ratio: $ratio
|
46
|
+
// Rem
|
47
|
+
// ---
|
48
|
+
@function _rem(
|
49
|
+
$size
|
66
50
|
) {
|
67
|
-
$_return:
|
68
|
-
|
69
|
-
@if type-of($ratio) == string {
|
70
|
-
$ratio: map-get($_ratio-options, $ratio);
|
71
|
-
}
|
51
|
+
$_return: $size;
|
72
52
|
|
73
|
-
@if $
|
74
|
-
|
75
|
-
|
76
|
-
$_return:
|
53
|
+
@if type-of($size) == number
|
54
|
+
and not unitless($size)
|
55
|
+
and unit($size) != rem {
|
56
|
+
$_return: convert-length($size, rem);
|
77
57
|
}
|
78
58
|
|
79
59
|
@return $_return;
|
@@ -83,40 +63,30 @@ $sizes: (
|
|
83
63
|
// Get Size
|
84
64
|
// --------
|
85
65
|
@function _get-size(
|
86
|
-
$size
|
87
|
-
$unit: $rhythm-unit,
|
88
|
-
$scale: $sizes
|
66
|
+
$size
|
89
67
|
) {
|
90
|
-
|
91
|
-
$size: map-get($scale, $size);
|
92
|
-
}
|
93
|
-
|
94
|
-
@if $size and unitless($size) {
|
95
|
-
$size: _make-size($size);
|
96
|
-
}
|
68
|
+
$size: map-get($sizes, $size) or $size;
|
97
69
|
|
98
|
-
@if $
|
99
|
-
$size:
|
70
|
+
@if map-has-key($sizes, $size) {
|
71
|
+
$size: _get-size($size);
|
100
72
|
}
|
101
73
|
|
102
74
|
@return $size;
|
103
75
|
}
|
104
76
|
|
105
77
|
|
106
|
-
//
|
107
|
-
//
|
108
|
-
@function
|
109
|
-
$
|
78
|
+
// Get Ratio
|
79
|
+
// ---------
|
80
|
+
@function _get-ratio(
|
81
|
+
$ratio: $ratio
|
110
82
|
) {
|
111
|
-
$
|
83
|
+
$ratio: map-get($ratio-options, $ratio) or $ratio;
|
112
84
|
|
113
|
-
@if
|
114
|
-
|
115
|
-
and unit($size) != rem {
|
116
|
-
$_return: convert-length($size, rem);
|
85
|
+
@if map-has-key($ratio-options, $ratio) {
|
86
|
+
$ratio: _get-ratio($ratio);
|
117
87
|
}
|
118
88
|
|
119
|
-
@return $
|
89
|
+
@return $ratio;
|
120
90
|
}
|
121
91
|
|
122
92
|
|
@@ -126,39 +96,50 @@ $sizes: (
|
|
126
96
|
$size,
|
127
97
|
$unit: $rhythm-unit
|
128
98
|
) {
|
129
|
-
|
99
|
+
$size: _get-size($size);
|
100
|
+
|
101
|
+
@if type-of($size) == number {
|
102
|
+
@if unitless($size) {
|
103
|
+
$_ratio: _get-ratio($ratio);
|
104
|
+
$size: round($base-size * pow($_ratio, $size));
|
105
|
+
}
|
106
|
+
|
107
|
+
@if $unit == rem {
|
108
|
+
$size: _rem($size);
|
109
|
+
}
|
110
|
+
}
|
111
|
+
|
112
|
+
@return $size;
|
130
113
|
}
|
131
114
|
|
132
115
|
|
133
|
-
// Font Size
|
134
|
-
//
|
135
|
-
@function font-size(
|
136
|
-
$size,
|
137
|
-
$
|
116
|
+
// Get Font Size
|
117
|
+
// -------------
|
118
|
+
@function get-font-size(
|
119
|
+
$size: normal,
|
120
|
+
$lines: false
|
138
121
|
) {
|
139
|
-
@return
|
122
|
+
@return (
|
123
|
+
font-size: size($size),
|
124
|
+
line-height: rhythm(lines-for-font-size(size($size, px))),
|
125
|
+
);
|
140
126
|
}
|
141
127
|
|
142
128
|
|
143
|
-
// Font Size
|
144
|
-
//
|
129
|
+
// Font Size
|
130
|
+
// ---------
|
145
131
|
@mixin font-size(
|
146
132
|
$size: normal,
|
147
133
|
$lines: false
|
148
134
|
){
|
149
|
-
|
150
|
-
@include adjust-font-size-to($_output...);
|
135
|
+
@include render(get-font-size($size, $lines));
|
151
136
|
}
|
152
137
|
|
153
138
|
|
154
|
-
//
|
155
|
-
//
|
156
|
-
@function _get-font-sizes(
|
157
|
-
$size: normal,
|
158
|
-
$lines: false
|
159
|
-
) {
|
160
|
-
$_return: if($lines, (lines: $lines), ());
|
161
|
-
$size: font-size($size, px);
|
139
|
+
// Square
|
140
|
+
// ------
|
162
141
|
|
163
|
-
|
142
|
+
@mixin square($size) {
|
143
|
+
height: size($size);
|
144
|
+
width: size($size);
|
164
145
|
}
|