bourbon-compass 2.1.3 → 3.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/stylesheets/bourbon/_bourbon-deprecated-upcoming.scss +3 -0
- data/stylesheets/bourbon/_bourbon.scss +5 -0
- data/stylesheets/bourbon/addons/_html5-input-types.scss +21 -1
- data/stylesheets/bourbon/addons/_prefixer.scss +24 -13
- data/stylesheets/bourbon/css3/_animation.scss +23 -96
- data/stylesheets/bourbon/css3/_appearance.scss +1 -1
- data/stylesheets/bourbon/css3/_background-image.scss +2 -15
- data/stylesheets/bourbon/css3/_background-size.scss +2 -10
- data/stylesheets/bourbon/css3/_border-radius.scss +14 -36
- data/stylesheets/bourbon/css3/_box-shadow.scss +2 -11
- data/stylesheets/bourbon/css3/_box-sizing.scss +1 -1
- data/stylesheets/bourbon/css3/_columns.scss +10 -10
- data/stylesheets/bourbon/css3/_flex-box.scss +8 -8
- data/stylesheets/bourbon/css3/_perspective.scss +8 -0
- data/stylesheets/bourbon/css3/_radial-gradient.scss +3 -1
- data/stylesheets/bourbon/css3/_transform.scss +2 -2
- data/stylesheets/bourbon/css3/_transition.scss +21 -57
- data/stylesheets/bourbon/css3/_user-select.scss +1 -1
- data/stylesheets/bourbon/functions/_compact.scss +11 -0
- data/stylesheets/bourbon/functions/_deprecated-webkit-gradient.scss +1 -1
- data/stylesheets/bourbon/functions/_linear-gradient.scss +2 -19
- data/stylesheets/bourbon/functions/_radial-gradient.scss +1 -6
- metadata +7 -8
- data/stylesheets/bourbon/lib/bourbon.rb +0 -23
- data/stylesheets/bourbon/lib/bourbon/sass_extensions.rb +0 -8
- data/stylesheets/bourbon/lib/bourbon/sass_extensions/functions.rb +0 -13
- data/stylesheets/bourbon/lib/bourbon/sass_extensions/functions/compact.rb +0 -14
@@ -1,4 +1,5 @@
|
|
1
1
|
// Custom Functions
|
2
|
+
@import "functions/compact";
|
2
3
|
@import "functions/deprecated-webkit-gradient";
|
3
4
|
@import "functions/flex-grid";
|
4
5
|
@import "functions/grid-width";
|
@@ -26,6 +27,7 @@
|
|
26
27
|
@import "css3/image-rendering";
|
27
28
|
@import "css3/inline-block";
|
28
29
|
@import "css3/linear-gradient";
|
30
|
+
@import "css3/perspective";
|
29
31
|
@import "css3/radial-gradient";
|
30
32
|
@import "css3/transform";
|
31
33
|
@import "css3/transition";
|
@@ -40,3 +42,6 @@
|
|
40
42
|
@import "addons/position";
|
41
43
|
@import "addons/prefixer";
|
42
44
|
@import "addons/timing-functions";
|
45
|
+
|
46
|
+
// Soon to be deprecated Mixins
|
47
|
+
@import "bourbon-deprecated-upcoming";
|
@@ -21,15 +21,35 @@ $inputs-list: 'input[type="email"]',
|
|
21
21
|
'input[type="week"]';
|
22
22
|
|
23
23
|
$unquoted-inputs-list: ();
|
24
|
-
|
25
24
|
@each $input-type in $inputs-list {
|
26
25
|
$unquoted-inputs-list: append($unquoted-inputs-list, unquote($input-type), comma);
|
27
26
|
}
|
28
27
|
|
29
28
|
$all-text-inputs: $unquoted-inputs-list;
|
30
29
|
|
30
|
+
|
31
|
+
// Hover Pseudo-class
|
32
|
+
//************************************************************************//
|
33
|
+
$all-text-inputs-hover: ();
|
34
|
+
@each $input-type in $unquoted-inputs-list {
|
35
|
+
$input-type-hover: $input-type + ":hover";
|
36
|
+
$all-text-inputs-hover: append($all-text-inputs-hover, $input-type-hover, comma);
|
37
|
+
}
|
38
|
+
|
39
|
+
// Focus Pseudo-class
|
40
|
+
//************************************************************************//
|
41
|
+
$all-text-inputs-focus: ();
|
42
|
+
@each $input-type in $unquoted-inputs-list {
|
43
|
+
$input-type-focus: $input-type + ":focus";
|
44
|
+
$all-text-inputs-focus: append($all-text-inputs-focus, $input-type-focus, comma);
|
45
|
+
}
|
46
|
+
|
31
47
|
// You must use interpolation on the variable:
|
32
48
|
// #{$all-text-inputs}
|
49
|
+
// #{$all-text-inputs-hover}
|
50
|
+
// #{$all-text-inputs-focus}
|
51
|
+
|
52
|
+
// Example
|
33
53
|
//************************************************************************//
|
34
54
|
// #{$all-text-inputs}, textarea {
|
35
55
|
// border: 1px solid red;
|
@@ -1,16 +1,27 @@
|
|
1
1
|
//************************************************************************//
|
2
|
-
//
|
3
|
-
// Example: @include prefixer(border-radius, $radii, $o: true);
|
2
|
+
// Example: @include prefixer(border-radius, $radii, webkit ms spec);
|
4
3
|
//************************************************************************//
|
5
|
-
@mixin prefixer ($property, $value,
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
4
|
+
@mixin prefixer ($property, $value, $prefixes) {
|
5
|
+
|
6
|
+
@each $prefix in $prefixes {
|
7
|
+
|
8
|
+
@if $prefix == webkit {
|
9
|
+
-webkit-#{$property}: $value;
|
10
|
+
}
|
11
|
+
@else if $prefix == moz {
|
12
|
+
-moz-#{$property}: $value;
|
13
|
+
}
|
14
|
+
@else if $prefix == ms {
|
15
|
+
-ms-#{$property}: $value;
|
16
|
+
}
|
17
|
+
@else if $prefix == o {
|
18
|
+
-o-#{$property}: $value;
|
19
|
+
}
|
20
|
+
@else if $prefix == spec {
|
21
|
+
#{$property}: $value;
|
22
|
+
}
|
23
|
+
@else {
|
24
|
+
@warn "Unrecognized prefix: #{$prefix}";
|
25
|
+
}
|
26
|
+
}
|
16
27
|
}
|
@@ -2,124 +2,51 @@
|
|
2
2
|
// Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
|
3
3
|
|
4
4
|
// Official animation shorthand property.
|
5
|
-
@mixin animation ($
|
6
|
-
|
7
|
-
$animation-4: false, $animation-5: false,
|
8
|
-
$animation-6: false, $animation-7: false,
|
9
|
-
$animation-8: false, $animation-9: false)
|
10
|
-
{
|
11
|
-
$full: compact($animation-1, $animation-2, $animation-3, $animation-4,
|
12
|
-
$animation-5, $animation-6, $animation-7, $animation-8, $animation-9);
|
13
|
-
|
14
|
-
@include prefixer(animation, $full);
|
5
|
+
@mixin animation ($animations...) {
|
6
|
+
@include prefixer(animation, $animations, webkit moz spec);
|
15
7
|
}
|
16
8
|
|
17
9
|
// Individual Animation Properties
|
18
|
-
@mixin animation-name ($
|
19
|
-
|
20
|
-
$name-4: false, $name-5: false,
|
21
|
-
$name-6: false, $name-7: false,
|
22
|
-
$name-8: false, $name-9: false)
|
23
|
-
{
|
24
|
-
$full: compact($name-1, $name-2, $name-3, $name-4,
|
25
|
-
$name-5, $name-6, $name-7, $name-8, $name-9);
|
26
|
-
|
27
|
-
@include prefixer(animation-name, $full);
|
10
|
+
@mixin animation-name ($names...) {
|
11
|
+
@include prefixer(animation-name, $names, webkit moz spec);
|
28
12
|
}
|
29
13
|
|
30
14
|
|
31
|
-
@mixin animation-duration ($
|
32
|
-
|
33
|
-
$time-4: false, $time-5: false,
|
34
|
-
$time-6: false, $time-7: false,
|
35
|
-
$time-8: false, $time-9: false)
|
36
|
-
{
|
37
|
-
$full: compact($time-1, $time-2, $time-3, $time-4,
|
38
|
-
$time-5, $time-6, $time-7, $time-8, $time-9);
|
39
|
-
|
40
|
-
@include prefixer(animation-duration, $full);
|
15
|
+
@mixin animation-duration ($times...) {
|
16
|
+
@include prefixer(animation-duration, $times, webkit moz spec);
|
41
17
|
}
|
42
18
|
|
43
19
|
|
44
|
-
@mixin animation-timing-function ($
|
45
|
-
//
|
46
|
-
|
47
|
-
$motion-4: false, $motion-5: false,
|
48
|
-
$motion-6: false, $motion-7: false,
|
49
|
-
$motion-8: false, $motion-9: false)
|
50
|
-
{
|
51
|
-
$full: compact($motion-1, $motion-2, $motion-3, $motion-4,
|
52
|
-
$motion-5, $motion-6, $motion-7, $motion-8, $motion-9);
|
53
|
-
|
54
|
-
@include prefixer(animation-timing-function, $full);
|
20
|
+
@mixin animation-timing-function ($motions...) {
|
21
|
+
// ease | linear | ease-in | ease-out | ease-in-out
|
22
|
+
@include prefixer(animation-timing-function, $motions, webkit moz spec);
|
55
23
|
}
|
56
24
|
|
57
25
|
|
58
|
-
@mixin animation-iteration-count ($
|
59
|
-
//
|
60
|
-
|
61
|
-
$value-4: false, $value-5: false,
|
62
|
-
$value-6: false, $value-7: false,
|
63
|
-
$value-8: false, $value-9: false)
|
64
|
-
{
|
65
|
-
$full: compact($value-1, $value-2, $value-3, $value-4,
|
66
|
-
$value-5, $value-6, $value-7, $value-8, $value-9);
|
67
|
-
|
68
|
-
@include prefixer(animation-iteration-count, $full);
|
26
|
+
@mixin animation-iteration-count ($values...) {
|
27
|
+
// infinite | <number>
|
28
|
+
@include prefixer(animation-iteration-count, $values, webkit moz spec);
|
69
29
|
}
|
70
30
|
|
71
31
|
|
72
|
-
@mixin animation-direction ($
|
73
|
-
//
|
74
|
-
|
75
|
-
$direction-4: false, $direction-5: false,
|
76
|
-
$direction-6: false, $direction-7: false,
|
77
|
-
$direction-8: false, $direction-9: false)
|
78
|
-
{
|
79
|
-
$full: compact($direction-1, $direction-2, $direction-3, $direction-4,
|
80
|
-
$direction-5, $direction-6, $direction-7, $direction-8, $direction-9);
|
81
|
-
|
82
|
-
@include prefixer(animation-direction, $full);
|
32
|
+
@mixin animation-direction ($directions...) {
|
33
|
+
// normal | alternate
|
34
|
+
@include prefixer(animation-direction, $directions, webkit moz spec);
|
83
35
|
}
|
84
36
|
|
85
37
|
|
86
|
-
@mixin animation-play-state ($
|
87
|
-
//
|
88
|
-
|
89
|
-
$state-4: false, $state-5: false,
|
90
|
-
$state-6: false, $state-7: false,
|
91
|
-
$state-8: false, $state-9: false)
|
92
|
-
{
|
93
|
-
$full: compact($state-1, $state-2, $state-3, $state-4,
|
94
|
-
$state-5, $state-6, $state-7, $state-8, $state-9);
|
95
|
-
|
96
|
-
@include prefixer(animation-play-state, $full);
|
38
|
+
@mixin animation-play-state ($states...) {
|
39
|
+
// running | paused
|
40
|
+
@include prefixer(animation-play-state, $states, webkit moz spec);
|
97
41
|
}
|
98
42
|
|
99
43
|
|
100
|
-
@mixin animation-delay ($
|
101
|
-
|
102
|
-
$time-4: false, $time-5: false,
|
103
|
-
$time-6: false, $time-7: false,
|
104
|
-
$time-8: false, $time-9: false)
|
105
|
-
{
|
106
|
-
$full: compact($time-1, $time-2, $time-3, $time-4,
|
107
|
-
$time-5, $time-6, $time-7, $time-8, $time-9);
|
108
|
-
|
109
|
-
@include prefixer(animation-delay, $full);
|
44
|
+
@mixin animation-delay ($times...) {
|
45
|
+
@include prefixer(animation-delay, $times, webkit moz spec);
|
110
46
|
}
|
111
47
|
|
112
48
|
|
113
|
-
@mixin animation-fill-mode ($
|
114
|
-
//
|
115
|
-
|
116
|
-
$mode-2: false, $mode-3: false,
|
117
|
-
$mode-4: false, $mode-5: false,
|
118
|
-
$mode-6: false, $mode-7: false,
|
119
|
-
$mode-8: false, $mode-9: false)
|
120
|
-
{
|
121
|
-
$full: compact($mode-1, $mode-2, $mode-3, $mode-4,
|
122
|
-
$mode-5, $mode-6, $mode-7, $mode-8, $mode-9);
|
123
|
-
|
124
|
-
@include prefixer(animation-fill-mode, $full);
|
49
|
+
@mixin animation-fill-mode ($modes...) {
|
50
|
+
// none | forwards | backwards | both
|
51
|
+
@include prefixer(animation-fill-mode, $modes, webkit moz spec);
|
125
52
|
}
|
@@ -3,19 +3,7 @@
|
|
3
3
|
// gradients, or for stringing multiple gradients together.
|
4
4
|
//************************************************************************//
|
5
5
|
|
6
|
-
@mixin background-image(
|
7
|
-
$image-1 , $image-2: false,
|
8
|
-
$image-3: false, $image-4: false,
|
9
|
-
$image-5: false, $image-6: false,
|
10
|
-
$image-7: false, $image-8: false,
|
11
|
-
$image-9: false, $image-10: false
|
12
|
-
) {
|
13
|
-
$images: compact($image-1, $image-2,
|
14
|
-
$image-3, $image-4,
|
15
|
-
$image-5, $image-6,
|
16
|
-
$image-7, $image-8,
|
17
|
-
$image-9, $image-10);
|
18
|
-
|
6
|
+
@mixin background-image($images...) {
|
19
7
|
background-image: add-prefix($images, webkit);
|
20
8
|
background-image: add-prefix($images, moz);
|
21
9
|
background-image: add-prefix($images, ms);
|
@@ -48,10 +36,9 @@
|
|
48
36
|
}
|
49
37
|
|
50
38
|
|
51
|
-
|
52
39
|
//Examples:
|
53
40
|
//@include background-image(linear-gradient(top, orange, red));
|
54
41
|
//@include background-image(radial-gradient(50% 50%, cover circle, orange, red));
|
55
42
|
//@include background-image(url("/images/a.png"), linear-gradient(orange, red));
|
56
43
|
//@include background-image(url("image.png"), linear-gradient(orange, red), url("image.png"));
|
57
|
-
//@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(orange, red);
|
44
|
+
//@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(orange, red));
|
@@ -1,11 +1,3 @@
|
|
1
|
-
@mixin background-size ($
|
2
|
-
|
3
|
-
$length-4: false, $length-5: false,
|
4
|
-
$length-6: false, $length-7: false,
|
5
|
-
$length-8: false, $length-9: false)
|
6
|
-
{
|
7
|
-
$full: compact($length-1, $length-2, $length-3, $length-4,
|
8
|
-
$length-5, $length-6, $length-7, $length-8, $length-9);
|
9
|
-
|
10
|
-
@include prefixer(background-size, $full, webkit, moz, ms, o);
|
1
|
+
@mixin background-size ($lengths...) {
|
2
|
+
@include prefixer(background-size, $lengths, webkit moz ms o spec);
|
11
3
|
}
|
@@ -1,44 +1,22 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
}
|
5
|
-
|
6
|
-
@mixin border-top-left-radius($radii) {
|
7
|
-
@include prefixer(border-top-left-radius, $radii, webkit, not moz);
|
8
|
-
@warn "border-top-left-radius mixin is deprecated and will be removed in the next major version release.";
|
9
|
-
}
|
10
|
-
|
11
|
-
@mixin border-top-right-radius($radii) {
|
12
|
-
@include prefixer(border-top-right-radius, $radii, webkit, not moz);
|
13
|
-
@warn "border-top-right-radius mixin is deprecated and will be removed in the next major version release.";
|
14
|
-
}
|
15
|
-
|
16
|
-
@mixin border-bottom-left-radius($radii) {
|
17
|
-
@include prefixer(border-bottom-left-radius, $radii, webkit, not moz);
|
18
|
-
@warn "border-bottom-left-radius mixin is deprecated and will be removed in the next major version release.";
|
19
|
-
}
|
20
|
-
|
21
|
-
@mixin border-bottom-right-radius($radii) {
|
22
|
-
@include prefixer(border-bottom-right-radius, $radii, webkit, not moz);
|
23
|
-
@warn "border-bottom-right-radius mixin is deprecated and will be removed in the next major version release.";
|
24
|
-
}
|
25
|
-
|
1
|
+
//************************************************************************//
|
2
|
+
// Shorthand Border-radius mixins
|
3
|
+
//************************************************************************//
|
26
4
|
@mixin border-top-radius($radii) {
|
27
|
-
@include border-top-left-radius
|
28
|
-
@include border-top-right-radius
|
29
|
-
}
|
30
|
-
|
31
|
-
@mixin border-right-radius($radii) {
|
32
|
-
@include border-top-right-radius($radii);
|
33
|
-
@include border-bottom-right-radius($radii);
|
5
|
+
@include prefixer(border-top-left-radius, $radii, spec);
|
6
|
+
@include prefixer(border-top-right-radius, $radii, spec);
|
34
7
|
}
|
35
8
|
|
36
9
|
@mixin border-bottom-radius($radii) {
|
37
|
-
@include border-bottom-left-radius
|
38
|
-
@include border-bottom-right-radius
|
10
|
+
@include prefixer(border-bottom-left-radius, $radii, spec);
|
11
|
+
@include prefixer(border-bottom-right-radius, $radii, spec);
|
39
12
|
}
|
40
13
|
|
41
14
|
@mixin border-left-radius($radii) {
|
42
|
-
@include border-top-left-radius
|
43
|
-
@include border-bottom-left-radius
|
15
|
+
@include prefixer(border-top-left-radius, $radii, spec);
|
16
|
+
@include prefixer(border-bottom-left-radius, $radii, spec);
|
17
|
+
}
|
18
|
+
|
19
|
+
@mixin border-right-radius($radii) {
|
20
|
+
@include prefixer(border-top-right-radius, $radii, spec);
|
21
|
+
@include prefixer(border-bottom-right-radius, $radii, spec);
|
44
22
|
}
|
@@ -1,12 +1,3 @@
|
|
1
|
-
|
2
|
-
@
|
3
|
-
$shadow-2: false, $shadow-3: false,
|
4
|
-
$shadow-4: false, $shadow-5: false,
|
5
|
-
$shadow-6: false, $shadow-7: false,
|
6
|
-
$shadow-8: false, $shadow-9: false)
|
7
|
-
{
|
8
|
-
$full: compact($shadow-1, $shadow-2, $shadow-3, $shadow-4,
|
9
|
-
$shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9);
|
10
|
-
|
11
|
-
@include prefixer(box-shadow, $full, webkit, not moz);
|
1
|
+
@mixin box-shadow ($shadows...) {
|
2
|
+
@include prefixer(box-shadow, $shadows, webkit spec);
|
12
3
|
}
|
@@ -1,47 +1,47 @@
|
|
1
1
|
@mixin columns($arg: auto) {
|
2
2
|
// <column-count> || <column-width>
|
3
|
-
@include prefixer(columns, $arg);
|
3
|
+
@include prefixer(columns, $arg, webkit moz spec);
|
4
4
|
}
|
5
5
|
|
6
6
|
@mixin column-count($int: auto) {
|
7
7
|
// auto || integer
|
8
|
-
@include prefixer(column-count, $int);
|
8
|
+
@include prefixer(column-count, $int, webkit moz spec);
|
9
9
|
}
|
10
10
|
|
11
11
|
@mixin column-gap($length: normal) {
|
12
12
|
// normal || length
|
13
|
-
@include prefixer(column-gap, $length);
|
13
|
+
@include prefixer(column-gap, $length, webkit moz spec);
|
14
14
|
}
|
15
15
|
|
16
16
|
@mixin column-fill($arg: auto) {
|
17
17
|
// auto || length
|
18
|
-
@include prefixer(columns-fill, $arg);
|
18
|
+
@include prefixer(columns-fill, $arg, webkit moz spec);
|
19
19
|
}
|
20
20
|
|
21
21
|
@mixin column-rule($arg) {
|
22
22
|
// <border-width> || <border-style> || <color>
|
23
|
-
@include prefixer(column-rule, $arg);
|
23
|
+
@include prefixer(column-rule, $arg, webkit moz spec);
|
24
24
|
}
|
25
25
|
|
26
26
|
@mixin column-rule-color($color) {
|
27
|
-
@include prefixer(column-rule-color, $color);
|
27
|
+
@include prefixer(column-rule-color, $color, webkit moz spec);
|
28
28
|
}
|
29
29
|
|
30
30
|
@mixin column-rule-style($style: none) {
|
31
31
|
// none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid
|
32
|
-
@include prefixer(column-rule-style, $style);
|
32
|
+
@include prefixer(column-rule-style, $style, webkit moz spec);
|
33
33
|
}
|
34
34
|
|
35
35
|
@mixin column-rule-width ($width: none) {
|
36
|
-
@include prefixer(column-rule-width, $width);
|
36
|
+
@include prefixer(column-rule-width, $width, webkit moz spec);
|
37
37
|
}
|
38
38
|
|
39
39
|
@mixin column-span($arg: none) {
|
40
40
|
// none || all
|
41
|
-
@include prefixer(column-span, $arg);
|
41
|
+
@include prefixer(column-span, $arg, webkit moz spec);
|
42
42
|
}
|
43
43
|
|
44
44
|
@mixin column-width($length: auto) {
|
45
45
|
// auto || length
|
46
|
-
@include prefixer(column-width, $length);
|
46
|
+
@include prefixer(column-width, $length, webkit moz spec);
|
47
47
|
}
|
@@ -16,37 +16,37 @@
|
|
16
16
|
|
17
17
|
@mixin box-orient($orient: inline-axis) {
|
18
18
|
// horizontal|vertical|inline-axis|block-axis|inherit
|
19
|
-
@include prefixer(box-orient, $orient);
|
19
|
+
@include prefixer(box-orient, $orient, webkit moz spec);
|
20
20
|
}
|
21
21
|
|
22
22
|
@mixin box-pack($pack: start) {
|
23
23
|
// start|end|center|justify
|
24
|
-
@include prefixer(box-pack, $pack);
|
24
|
+
@include prefixer(box-pack, $pack, webkit moz spec);
|
25
25
|
}
|
26
26
|
|
27
27
|
@mixin box-align($align: stretch) {
|
28
28
|
// start|end|center|baseline|stretch
|
29
|
-
@include prefixer(box-align, $align);
|
29
|
+
@include prefixer(box-align, $align, webkit moz spec);
|
30
30
|
}
|
31
31
|
|
32
32
|
@mixin box-direction($direction: normal) {
|
33
33
|
// normal|reverse|inherit
|
34
|
-
@include prefixer(box-direction, $direction);
|
34
|
+
@include prefixer(box-direction, $direction, webkit moz spec);
|
35
35
|
}
|
36
36
|
|
37
37
|
@mixin box-lines($lines: single) {
|
38
38
|
// single|multiple
|
39
|
-
@include prefixer(box-lines, $lines);
|
39
|
+
@include prefixer(box-lines, $lines, webkit moz spec);
|
40
40
|
}
|
41
41
|
|
42
42
|
@mixin box-ordinal-group($int: 1) {
|
43
|
-
@include prefixer(box-ordinal-group, $int);
|
43
|
+
@include prefixer(box-ordinal-group, $int, webkit moz spec);
|
44
44
|
}
|
45
45
|
|
46
46
|
@mixin box-flex($value: 0.0) {
|
47
|
-
@include prefixer(box-flex, $value);
|
47
|
+
@include prefixer(box-flex, $value, webkit moz spec);
|
48
48
|
}
|
49
49
|
|
50
50
|
@mixin box-flex-group($int: 1) {
|
51
|
-
@include prefixer(box-flex-group, $int);
|
51
|
+
@include prefixer(box-flex-group, $int, webkit moz spec);
|
52
52
|
}
|
@@ -56,7 +56,9 @@
|
|
56
56
|
|
57
57
|
$full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
|
58
58
|
|
59
|
-
|
59
|
+
// Set $G1 as the default fallback color
|
60
|
+
$first-color: nth($full, 1);
|
61
|
+
$fallback-color: nth($first-color, 1);
|
60
62
|
|
61
63
|
@if (type-of($fallback) == color) or ($fallback == "transparent") {
|
62
64
|
$fallback-color: $fallback;
|
@@ -1,11 +1,11 @@
|
|
1
1
|
@mixin transform($property: none) {
|
2
2
|
// none | <transform-function>
|
3
|
-
@include prefixer(transform, $property, webkit
|
3
|
+
@include prefixer(transform, $property, webkit moz ms o spec);
|
4
4
|
}
|
5
5
|
|
6
6
|
@mixin transform-origin($axes: 50%) {
|
7
7
|
// x-axis - left | center | right | length | %
|
8
8
|
// y-axis - top | center | bottom | length | %
|
9
9
|
// z-axis - length
|
10
|
-
@include prefixer(transform-origin, $axes, webkit
|
10
|
+
@include prefixer(transform-origin, $axes, webkit moz ms o spec);
|
11
11
|
}
|
@@ -3,70 +3,34 @@
|
|
3
3
|
// @include transition ((opacity, width), (1.0s, 2.0s), ease-in, (0, 2s));
|
4
4
|
// @include transition ($property:(opacity, width), $delay: (1.5s, 2.5s));
|
5
5
|
|
6
|
-
@mixin transition ($
|
7
|
-
$
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
{
|
12
|
-
$
|
13
|
-
|
14
|
-
|
15
|
-
@include prefixer(transition, $full, webkit, moz, ms, o);
|
6
|
+
@mixin transition ($properties...) {
|
7
|
+
@if length($properties) >= 1 {
|
8
|
+
@include prefixer(transition, $properties, webkit moz ms o spec);
|
9
|
+
}
|
10
|
+
|
11
|
+
@else {
|
12
|
+
$properties: all 0.15s ease-out 0;
|
13
|
+
@include prefixer(transition, $properties, webkit moz ms o spec);
|
14
|
+
}
|
16
15
|
}
|
17
16
|
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
$prop-8: false, $prop-9: false)
|
25
|
-
{
|
26
|
-
$full: compact($prop-1, $prop-2, $prop-3, $prop-4, $prop-5,
|
27
|
-
$prop-6, $prop-7, $prop-8, $prop-9);
|
28
|
-
|
29
|
-
-webkit-transition-property: transition-property-names($full, 'webkit');
|
30
|
-
-moz-transition-property: transition-property-names($full, 'moz');
|
31
|
-
-ms-transition-property: transition-property-names($full, 'ms');
|
32
|
-
-o-transition-property: transition-property-names($full, 'o');
|
33
|
-
transition-property: transition-property-names($full, false);
|
17
|
+
@mixin transition-property ($properties...) {
|
18
|
+
-webkit-transition-property: transition-property-names($properties, 'webkit');
|
19
|
+
-moz-transition-property: transition-property-names($properties, 'moz');
|
20
|
+
-ms-transition-property: transition-property-names($properties, 'ms');
|
21
|
+
-o-transition-property: transition-property-names($properties, 'o');
|
22
|
+
transition-property: transition-property-names($properties, false);
|
34
23
|
}
|
35
24
|
|
36
|
-
@mixin transition-duration ($
|
37
|
-
|
38
|
-
$time-4: false, $time-5: false,
|
39
|
-
$time-6: false, $time-7: false,
|
40
|
-
$time-8: false, $time-9: false)
|
41
|
-
{
|
42
|
-
$full: compact($time-1, $time-2, $time-3, $time-4, $time-5,
|
43
|
-
$time-6, $time-7, $time-8, $time-9);
|
44
|
-
|
45
|
-
@include prefixer(transition-duration, $full, webkit, moz, ms, o);
|
25
|
+
@mixin transition-duration ($times...) {
|
26
|
+
@include prefixer(transition-duration, $times, webkit moz ms o spec);
|
46
27
|
}
|
47
28
|
|
48
|
-
@mixin transition-timing-function ($
|
49
|
-
$motion-2: false, $motion-3: false,
|
50
|
-
$motion-4: false, $motion-5: false,
|
51
|
-
$motion-6: false, $motion-7: false,
|
52
|
-
$motion-8: false, $motion-9: false)
|
53
|
-
{
|
54
|
-
$full: compact($motion-1, $motion-2, $motion-3, $motion-4, $motion-5,
|
55
|
-
$motion-6, $motion-7, $motion-8, $motion-9);
|
56
|
-
|
29
|
+
@mixin transition-timing-function ($motions...) {
|
57
30
|
// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
|
58
|
-
@include prefixer(transition-timing-function, $
|
31
|
+
@include prefixer(transition-timing-function, $motions, webkit moz ms o spec);
|
59
32
|
}
|
60
33
|
|
61
|
-
@mixin transition-delay ($
|
62
|
-
|
63
|
-
$time-4: false, $time-5: false,
|
64
|
-
$time-6: false, $time-7: false,
|
65
|
-
$time-8: false, $time-9: false)
|
66
|
-
{
|
67
|
-
$full: compact($time-1, $time-2, $time-3, $time-4, $time-5,
|
68
|
-
$time-6, $time-7, $time-8, $time-9);
|
69
|
-
|
70
|
-
@include prefixer(transition-delay, $full, webkit, moz, ms, o);
|
34
|
+
@mixin transition-delay ($times...) {
|
35
|
+
@include prefixer(transition-delay, $times, webkit moz ms o spec);
|
71
36
|
}
|
72
|
-
|
@@ -1,23 +1,6 @@
|
|
1
|
-
@function linear-gradient($
|
2
|
-
$G3: false, $G4: false,
|
3
|
-
$G5: false, $G6: false,
|
4
|
-
$G7: false, $G8: false,
|
5
|
-
$G9: false, $G10: false) {
|
6
|
-
|
7
|
-
// Detect what type of value exists in $pos
|
8
|
-
$pos-type: type-of(nth($pos, 1));
|
9
|
-
|
10
|
-
// If $pos is missing from mixin, reassign vars and add default position
|
11
|
-
@if ($pos-type == color) or (nth($pos, 1) == "transparent") {
|
12
|
-
$G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
|
13
|
-
$G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
|
14
|
-
$pos: top; // Default position
|
15
|
-
}
|
16
|
-
|
1
|
+
@function linear-gradient($gradients...) {
|
17
2
|
$type: linear;
|
18
|
-
$gradient:
|
19
|
-
$type-gradient: append($type, $gradient, comma);
|
3
|
+
$type-gradient: append($type, $gradients, comma);
|
20
4
|
|
21
5
|
@return $type-gradient;
|
22
6
|
}
|
23
|
-
|
@@ -5,12 +5,7 @@
|
|
5
5
|
$G7: false, $G8: false,
|
6
6
|
$G9: false, $G10: false,
|
7
7
|
$pos: 50% 50%,
|
8
|
-
$shape-size: ellipse cover
|
9
|
-
$deprecated-pos1: center center,
|
10
|
-
$deprecated-pos2: center center,
|
11
|
-
$deprecated-radius1: 0,
|
12
|
-
$deprecated-radius2: 50,
|
13
|
-
$fallback: false) {
|
8
|
+
$shape-size: ellipse cover) {
|
14
9
|
|
15
10
|
@each $value in $G1, $G2 {
|
16
11
|
$first-val: nth($value, 1);
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bourbon-compass
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version:
|
4
|
+
version: 3.0.1
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2012-12-
|
12
|
+
date: 2012-12-07 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: compass
|
@@ -34,7 +34,7 @@ dependencies:
|
|
34
34
|
requirements:
|
35
35
|
- - ! '>='
|
36
36
|
- !ruby/object:Gem::Version
|
37
|
-
version:
|
37
|
+
version: 3.2.0
|
38
38
|
type: :runtime
|
39
39
|
prerelease: false
|
40
40
|
version_requirements: !ruby/object:Gem::Requirement
|
@@ -42,7 +42,7 @@ dependencies:
|
|
42
42
|
requirements:
|
43
43
|
- - ! '>='
|
44
44
|
- !ruby/object:Gem::Version
|
45
|
-
version:
|
45
|
+
version: 3.2.0
|
46
46
|
description: ThoughtBot's Bourbon packaged as Compass extension.
|
47
47
|
email: jed@jedfoster.com
|
48
48
|
executables: []
|
@@ -50,6 +50,7 @@ extensions: []
|
|
50
50
|
extra_rdoc_files: []
|
51
51
|
files:
|
52
52
|
- lib/bourbon-compass.rb
|
53
|
+
- stylesheets/bourbon/_bourbon-deprecated-upcoming.scss
|
53
54
|
- stylesheets/bourbon/_bourbon.scss
|
54
55
|
- stylesheets/bourbon/addons/_button.scss
|
55
56
|
- stylesheets/bourbon/addons/_clearfix.scss
|
@@ -75,10 +76,12 @@ files:
|
|
75
76
|
- stylesheets/bourbon/css3/_image-rendering.scss
|
76
77
|
- stylesheets/bourbon/css3/_inline-block.scss
|
77
78
|
- stylesheets/bourbon/css3/_linear-gradient.scss
|
79
|
+
- stylesheets/bourbon/css3/_perspective.scss
|
78
80
|
- stylesheets/bourbon/css3/_radial-gradient.scss
|
79
81
|
- stylesheets/bourbon/css3/_transform.scss
|
80
82
|
- stylesheets/bourbon/css3/_transition.scss
|
81
83
|
- stylesheets/bourbon/css3/_user-select.scss
|
84
|
+
- stylesheets/bourbon/functions/_compact.scss
|
82
85
|
- stylesheets/bourbon/functions/_deprecated-webkit-gradient.scss
|
83
86
|
- stylesheets/bourbon/functions/_flex-grid.scss
|
84
87
|
- stylesheets/bourbon/functions/_grid-width.scss
|
@@ -88,10 +91,6 @@ files:
|
|
88
91
|
- stylesheets/bourbon/functions/_render-gradients.scss
|
89
92
|
- stylesheets/bourbon/functions/_tint-shade.scss
|
90
93
|
- stylesheets/bourbon/functions/_transition-property-name.scss
|
91
|
-
- stylesheets/bourbon/lib/bourbon/sass_extensions/functions/compact.rb
|
92
|
-
- stylesheets/bourbon/lib/bourbon/sass_extensions/functions.rb
|
93
|
-
- stylesheets/bourbon/lib/bourbon/sass_extensions.rb
|
94
|
-
- stylesheets/bourbon/lib/bourbon.rb
|
95
94
|
homepage: https://github.com/thoughtbot/bourbon
|
96
95
|
licenses: []
|
97
96
|
post_install_message:
|
@@ -1,23 +0,0 @@
|
|
1
|
-
# CodeKit needs relative paths
|
2
|
-
dir = File.dirname(__FILE__)
|
3
|
-
$LOAD_PATH.unshift dir unless $LOAD_PATH.include?(dir)
|
4
|
-
|
5
|
-
require "bourbon/generator"
|
6
|
-
|
7
|
-
module Bourbon
|
8
|
-
if defined?(Rails) && defined?(Rails::Engine)
|
9
|
-
class Engine < ::Rails::Engine
|
10
|
-
require 'bourbon/engine'
|
11
|
-
end
|
12
|
-
|
13
|
-
module Rails
|
14
|
-
class Railtie < ::Rails::Railtie
|
15
|
-
rake_tasks do
|
16
|
-
load "tasks/install.rake"
|
17
|
-
end
|
18
|
-
end
|
19
|
-
end
|
20
|
-
end
|
21
|
-
end
|
22
|
-
|
23
|
-
require File.join(File.dirname(__FILE__), "/bourbon/sass_extensions")
|
@@ -1,13 +0,0 @@
|
|
1
|
-
module Bourbon::SassExtensions::Functions
|
2
|
-
end
|
3
|
-
|
4
|
-
require File.join(File.dirname(__FILE__), "/functions/compact")
|
5
|
-
|
6
|
-
module Sass::Script::Functions
|
7
|
-
include Bourbon::SassExtensions::Functions::Compact
|
8
|
-
end
|
9
|
-
|
10
|
-
# Wierd that this has to be re-included to pick up sub-modules. Ruby bug?
|
11
|
-
class Sass::Script::Functions::EvaluationContext
|
12
|
-
include Sass::Script::Functions
|
13
|
-
end
|
@@ -1,14 +0,0 @@
|
|
1
|
-
# Compact function pulled from compass
|
2
|
-
module Bourbon::SassExtensions::Functions::Compact
|
3
|
-
|
4
|
-
def compact(*args)
|
5
|
-
sep = :comma
|
6
|
-
if args.size == 1 && args.first.is_a?(Sass::Script::List)
|
7
|
-
list = args.first
|
8
|
-
args = list.value
|
9
|
-
sep = list.separator
|
10
|
-
end
|
11
|
-
Sass::Script::List.new(args.reject{|a| !a.to_bool}, sep)
|
12
|
-
end
|
13
|
-
|
14
|
-
end
|