simple-compass 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/.gitignore +2 -0
- data/.rspec +1 -0
- data/Gemfile +6 -0
- data/Gemfile.lock +26 -0
- data/Rakefile +8 -0
- data/lib/simple-compass.rb +17 -0
- data/lib/simple-compass/sass/functions/display.rb +27 -0
- data/lib/simple-compass/sass/functions/lists.rb +101 -0
- data/lib/simple-compass/sass/functions/selectors.rb +64 -0
- data/lib/simple-compass/sass/functions/sprites.rb +218 -0
- data/lib/simple-compass/version.rb +3 -0
- data/sass/compass.scss +1 -0
- data/sass/compass/_css3.scss +20 -0
- data/sass/compass/_layout.scss +3 -0
- data/sass/compass/_reset-legacy.scss +3 -0
- data/sass/compass/_reset.scss +3 -0
- data/sass/compass/_support.scss +40 -0
- data/sass/compass/_typography.scss +4 -0
- data/sass/compass/_utilities.scss +9 -0
- data/sass/compass/css3/_appearance.scss +17 -0
- data/sass/compass/css3/_background-clip.scss +43 -0
- data/sass/compass/css3/_background-origin.scss +42 -0
- data/sass/compass/css3/_background-size.scss +26 -0
- data/sass/compass/css3/_border-radius.scss +130 -0
- data/sass/compass/css3/_box-shadow.scss +76 -0
- data/sass/compass/css3/_box-sizing.scss +13 -0
- data/sass/compass/css3/_box.scss +111 -0
- data/sass/compass/css3/_columns.scss +157 -0
- data/sass/compass/css3/_filter.scss +23 -0
- data/sass/compass/css3/_font-face.scss +48 -0
- data/sass/compass/css3/_hyphenation.scss +77 -0
- data/sass/compass/css3/_images.scss +132 -0
- data/sass/compass/css3/_inline-block.scss +22 -0
- data/sass/compass/css3/_opacity.scss +19 -0
- data/sass/compass/css3/_pie.scss +73 -0
- data/sass/compass/css3/_regions.scss +22 -0
- data/sass/compass/css3/_shared.scss +38 -0
- data/sass/compass/css3/_text-shadow.scss +87 -0
- data/sass/compass/css3/_transform-legacy.scss +87 -0
- data/sass/compass/css3/_transform.scss +598 -0
- data/sass/compass/css3/_transition.scss +221 -0
- data/sass/compass/css3/_user-interface.scss +17 -0
- data/sass/compass/layout/_grid-background.scss +178 -0
- data/sass/compass/layout/_sticky-footer.scss +23 -0
- data/sass/compass/layout/_stretching.scss +24 -0
- data/sass/compass/reset/_utilities-legacy.scss +135 -0
- data/sass/compass/reset/_utilities.scss +142 -0
- data/sass/compass/typography/_links.scss +3 -0
- data/sass/compass/typography/_lists.scss +4 -0
- data/sass/compass/typography/_text.scss +4 -0
- data/sass/compass/typography/_vertical_rhythm.scss +221 -0
- data/sass/compass/typography/links/_hover-link.scss +5 -0
- data/sass/compass/typography/links/_link-colors.scss +28 -0
- data/sass/compass/typography/links/_unstyled-link.scss +7 -0
- data/sass/compass/typography/lists/_bullets.scss +34 -0
- data/sass/compass/typography/lists/_horizontal-list.scss +61 -0
- data/sass/compass/typography/lists/_inline-block-list.scss +50 -0
- data/sass/compass/typography/lists/_inline-list.scss +44 -0
- data/sass/compass/typography/text/_ellipsis.scss +25 -0
- data/sass/compass/typography/text/_force-wrap.scss +12 -0
- data/sass/compass/typography/text/_nowrap.scss +2 -0
- data/sass/compass/typography/text/_replacement.scss +68 -0
- data/sass/compass/utilities/_color.scss +1 -0
- data/sass/compass/utilities/_general.scss +6 -0
- data/sass/compass/utilities/_links.scss +5 -0
- data/sass/compass/utilities/_lists.scss +6 -0
- data/sass/compass/utilities/_print.scss +17 -0
- data/sass/compass/utilities/_sprites.scss +2 -0
- data/sass/compass/utilities/_tables.scss +3 -0
- data/sass/compass/utilities/_text.scss +5 -0
- data/sass/compass/utilities/color/_contrast.scss +28 -0
- data/sass/compass/utilities/general/_clearfix.scss +44 -0
- data/sass/compass/utilities/general/_float.scss +30 -0
- data/sass/compass/utilities/general/_hacks.scss +46 -0
- data/sass/compass/utilities/general/_min.scss +16 -0
- data/sass/compass/utilities/general/_reset.scss +2 -0
- data/sass/compass/utilities/general/_tabs.scss +1 -0
- data/sass/compass/utilities/general/_tag-cloud.scss +18 -0
- data/sass/compass/utilities/links/_hover-link.scss +3 -0
- data/sass/compass/utilities/links/_link-colors.scss +3 -0
- data/sass/compass/utilities/links/_unstyled-link.scss +3 -0
- data/sass/compass/utilities/lists/_bullets.scss +3 -0
- data/sass/compass/utilities/lists/_horizontal-list.scss +3 -0
- data/sass/compass/utilities/lists/_inline-block-list.scss +3 -0
- data/sass/compass/utilities/lists/_inline-list.scss +3 -0
- data/sass/compass/utilities/sprites/_base.scss +66 -0
- data/sass/compass/utilities/sprites/_sprite-img.scss +79 -0
- data/sass/compass/utilities/tables/_alternating-rows-and-columns.scss +22 -0
- data/sass/compass/utilities/tables/_borders.scss +33 -0
- data/sass/compass/utilities/tables/_scaffolding.scss +9 -0
- data/sass/compass/utilities/text/_ellipsis.scss +3 -0
- data/sass/compass/utilities/text/_nowrap.scss +3 -0
- data/sass/compass/utilities/text/_replacement.scss +3 -0
- data/simple-compass.gemspec +21 -0
- data/spec/fixtures/headings_test.sass +2 -0
- data/spec/fixtures/opacity_test.sass +7 -0
- data/spec/fixtures/reset_test.sass +1 -0
- data/spec/headings_spec.rb +9 -0
- data/spec/opacity_spec.rb +9 -0
- data/spec/reset_spec.rb +9 -0
- data/spec/spec_helper.rb +7 -0
- metadata +169 -0
data/sass/compass.scss
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
@import "compass/css3";
|
@@ -0,0 +1,20 @@
|
|
1
|
+
@import "css3/border-radius";
|
2
|
+
@import "css3/inline-block";
|
3
|
+
@import "css3/opacity";
|
4
|
+
@import "css3/box-shadow";
|
5
|
+
@import "css3/text-shadow";
|
6
|
+
@import "css3/columns";
|
7
|
+
@import "css3/box-sizing";
|
8
|
+
@import "css3/box";
|
9
|
+
@import "css3/images";
|
10
|
+
@import "css3/background-clip";
|
11
|
+
@import "css3/background-origin";
|
12
|
+
@import "css3/background-size";
|
13
|
+
@import "css3/font-face";
|
14
|
+
@import "css3/transform";
|
15
|
+
@import "css3/transition";
|
16
|
+
@import "css3/appearance";
|
17
|
+
@import "css3/regions";
|
18
|
+
@import "css3/hyphenation";
|
19
|
+
@import "css3/filter";
|
20
|
+
@import "css3/user-interface";
|
@@ -0,0 +1,40 @@
|
|
1
|
+
// Usually compass hacks apply to both ie6 & 7 -- set this to false to disable support for both.
|
2
|
+
$legacy-support-for-ie: true !default;
|
3
|
+
|
4
|
+
// Setting this to false will result in smaller output, but no support for ie6 hacks
|
5
|
+
$legacy-support-for-ie6: $legacy-support-for-ie !default;
|
6
|
+
|
7
|
+
// Setting this to false will result in smaller output, but no support for ie7 hacks
|
8
|
+
$legacy-support-for-ie7: $legacy-support-for-ie !default;
|
9
|
+
|
10
|
+
// Setting this to false will result in smaller output, but no support for legacy ie8 hacks
|
11
|
+
$legacy-support-for-ie8: $legacy-support-for-ie !default;
|
12
|
+
|
13
|
+
// @private
|
14
|
+
// The user can simply set $legacy-support-for-ie and 6, 7, and 8 will be set accordingly,
|
15
|
+
// But in case the user set each of those explicitly, we need to sync the value of
|
16
|
+
// this combined variable.
|
17
|
+
$legacy-support-for-ie: $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8;
|
18
|
+
|
19
|
+
// Whether to output legacy support for mozilla.
|
20
|
+
// Usually this means hacks to support Firefox 3.6 or earlier.
|
21
|
+
$legacy-support-for-mozilla: true;
|
22
|
+
|
23
|
+
// Support for mozilla in experimental css3 properties (-moz).
|
24
|
+
$experimental-support-for-mozilla : true !default;
|
25
|
+
// Support for webkit in experimental css3 properties (-webkit).
|
26
|
+
$experimental-support-for-webkit : true !default;
|
27
|
+
// Support for webkit's original (non-standard) gradient syntax.
|
28
|
+
$support-for-original-webkit-gradients : true !default;
|
29
|
+
// Support for opera in experimental css3 properties (-o).
|
30
|
+
$experimental-support-for-opera : true !default;
|
31
|
+
// Support for microsoft in experimental css3 properties (-ms).
|
32
|
+
$experimental-support-for-microsoft : true !default;
|
33
|
+
// Support for khtml in experimental css3 properties (-khtml).
|
34
|
+
$experimental-support-for-khtml : false !default;
|
35
|
+
// Support for svg in experimental css3 properties.
|
36
|
+
// Setting this to true might add significant size to your
|
37
|
+
// generated stylesheets.
|
38
|
+
$experimental-support-for-svg : false !default;
|
39
|
+
// Support for CSS PIE in experimental css3 properties (-pie).
|
40
|
+
$experimental-support-for-pie : false !default;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
@import "shared";
|
2
|
+
|
3
|
+
// Change the appearance for Mozilla, Webkit and possibly the future.
|
4
|
+
// The appearance property is currently not present in any newer CSS specification.
|
5
|
+
//
|
6
|
+
// There is no official list of accepted values, but you might check these source:
|
7
|
+
//
|
8
|
+
// * [Mozilla](https://developer.mozilla.org/en/CSS/-moz-appearance)
|
9
|
+
// * [Webkit](http://code.google.com/p/webkit-mirror/source/browse/Source/WebCore/css/CSSValueKeywords.in?spec=svnf1aea559dcd025a8946aa7da6e4e8306f5c1b604&r=63c7d1af44430b314233fea342c3ddb2a052e365)
|
10
|
+
// (search for 'appearance' within the page)
|
11
|
+
|
12
|
+
@mixin appearance($ap) {
|
13
|
+
$ap: unquote($ap);
|
14
|
+
@include experimental(appearance, $ap,
|
15
|
+
-moz, -webkit, not -o, not -ms, not -khtml, official
|
16
|
+
);
|
17
|
+
}
|
@@ -0,0 +1,43 @@
|
|
1
|
+
@import "shared";
|
2
|
+
|
3
|
+
// The default value is `padding-box` -- the box model used by modern browsers.
|
4
|
+
//
|
5
|
+
// If you wish to do so, you can override the default constant with `border-box`
|
6
|
+
//
|
7
|
+
// To override to the default border-box model, use this code:
|
8
|
+
// $default-background-clip: border-box
|
9
|
+
|
10
|
+
$default-background-clip: padding-box !default;
|
11
|
+
|
12
|
+
// Clip the background (image and color) at the edge of the padding or border.
|
13
|
+
//
|
14
|
+
// Legal Values:
|
15
|
+
//
|
16
|
+
// * padding-box
|
17
|
+
// * border-box
|
18
|
+
// * text
|
19
|
+
|
20
|
+
@mixin background-clip($clip: $default-background-clip) {
|
21
|
+
// webkit and mozilla use the deprecated short [border | padding]
|
22
|
+
$clip: unquote($clip);
|
23
|
+
$deprecated: $clip;
|
24
|
+
@if $clip == padding-box { $deprecated: padding; }
|
25
|
+
@if $clip == border-box { $deprecated: border; }
|
26
|
+
// Support for webkit and mozilla's use of the deprecated short form
|
27
|
+
@include experimental(background-clip, $deprecated,
|
28
|
+
-moz,
|
29
|
+
-webkit,
|
30
|
+
not -o,
|
31
|
+
not -ms,
|
32
|
+
not -khtml,
|
33
|
+
not official
|
34
|
+
);
|
35
|
+
@include experimental(background-clip, $clip,
|
36
|
+
not -moz,
|
37
|
+
not -webkit,
|
38
|
+
not -o,
|
39
|
+
not -ms,
|
40
|
+
-khtml,
|
41
|
+
official
|
42
|
+
);
|
43
|
+
}
|
@@ -0,0 +1,42 @@
|
|
1
|
+
// Override `$default-background-origin` to change the default.
|
2
|
+
|
3
|
+
@import "shared";
|
4
|
+
|
5
|
+
$default-background-origin: content-box !default;
|
6
|
+
|
7
|
+
// Position the background off the edge of the padding, border or content
|
8
|
+
//
|
9
|
+
// * Possible values:
|
10
|
+
// * `padding-box`
|
11
|
+
// * `border-box`
|
12
|
+
// * `content-box`
|
13
|
+
// * browser defaults to `padding-box`
|
14
|
+
// * mixin defaults to `content-box`
|
15
|
+
|
16
|
+
|
17
|
+
@mixin background-origin($origin: $default-background-origin) {
|
18
|
+
$origin: unquote($origin);
|
19
|
+
// webkit and mozilla use the deprecated short [border | padding | content]
|
20
|
+
$deprecated: $origin;
|
21
|
+
@if $origin == padding-box { $deprecated: padding; }
|
22
|
+
@if $origin == border-box { $deprecated: border; }
|
23
|
+
@if $origin == content-box { $deprecated: content; }
|
24
|
+
|
25
|
+
// Support for webkit and mozilla's use of the deprecated short form
|
26
|
+
@include experimental(background-origin, $deprecated,
|
27
|
+
-moz,
|
28
|
+
-webkit,
|
29
|
+
not -o,
|
30
|
+
not -ms,
|
31
|
+
not -khtml,
|
32
|
+
not official
|
33
|
+
);
|
34
|
+
@include experimental(background-origin, $origin,
|
35
|
+
not -moz,
|
36
|
+
not -webkit,
|
37
|
+
-o,
|
38
|
+
-ms,
|
39
|
+
-khtml,
|
40
|
+
official
|
41
|
+
);
|
42
|
+
}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
@import "shared";
|
2
|
+
|
3
|
+
// override to change the default
|
4
|
+
$default-background-size: 100% auto !default;
|
5
|
+
|
6
|
+
// Set the size of background images using px, width and height, or percentages.
|
7
|
+
// Currently supported in: Opera, Gecko, Webkit.
|
8
|
+
//
|
9
|
+
// * percentages are relative to the background-origin (default = padding-box)
|
10
|
+
// * mixin defaults to: `$default-background-size`
|
11
|
+
@mixin background-size(
|
12
|
+
$size-1: $default-background-size,
|
13
|
+
$size-2: false,
|
14
|
+
$size-3: false,
|
15
|
+
$size-4: false,
|
16
|
+
$size-5: false,
|
17
|
+
$size-6: false,
|
18
|
+
$size-7: false,
|
19
|
+
$size-8: false,
|
20
|
+
$size-9: false,
|
21
|
+
$size-10: false
|
22
|
+
) {
|
23
|
+
$size-1: if(type-of($size-1) == string, unquote($size-1), $size-1);
|
24
|
+
$sizes: compact($size-1, $size-2, $size-3, $size-4, $size-5, $size-6, $size-7, $size-8, $size-9, $size-10);
|
25
|
+
@include experimental(background-size, $sizes, -moz, -webkit, -o, not -ms, not -khtml);
|
26
|
+
}
|
@@ -0,0 +1,130 @@
|
|
1
|
+
@import "shared";
|
2
|
+
|
3
|
+
$default-border-radius: 5px !default;
|
4
|
+
|
5
|
+
// Round all corners by a specific amount, defaults to value of `$default-border-radius`.
|
6
|
+
//
|
7
|
+
// When two values are passed, the first is the horizontal radius
|
8
|
+
// and the second is the vertical radius.
|
9
|
+
//
|
10
|
+
// Note: webkit does not support shorthand syntax for several corners at once.
|
11
|
+
// So in the case where you pass several values only the first will be passed to webkit.
|
12
|
+
//
|
13
|
+
// Examples:
|
14
|
+
//
|
15
|
+
// .simple { @include border-radius(4px, 4px); }
|
16
|
+
// .compound { @include border-radius(2px 5px, 3px 6px); }
|
17
|
+
// .crazy { @include border-radius(1px 3px 5px 7px, 2px 4px 6px 8px)}
|
18
|
+
//
|
19
|
+
// Which generates:
|
20
|
+
//
|
21
|
+
// .simple {
|
22
|
+
// -webkit-border-radius: 4px 4px;
|
23
|
+
// -moz-border-radius: 4px / 4px;
|
24
|
+
// -khtml-border-radius: 4px / 4px;
|
25
|
+
// border-radius: 4px / 4px; }
|
26
|
+
//
|
27
|
+
// .compound {
|
28
|
+
// -webkit-border-radius: 2px 3px;
|
29
|
+
// -moz-border-radius: 2px 5px / 3px 6px;
|
30
|
+
// -khtml-border-radius: 2px 5px / 3px 6px;
|
31
|
+
// border-radius: 2px 5px / 3px 6px; }
|
32
|
+
//
|
33
|
+
// .crazy {
|
34
|
+
// -webkit-border-radius: 1px 2px;
|
35
|
+
// -moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
|
36
|
+
// -khtml-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
|
37
|
+
// border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; }
|
38
|
+
|
39
|
+
@mixin border-radius($radius: $default-border-radius, $vertical-radius: false) {
|
40
|
+
|
41
|
+
@if $vertical-radius {
|
42
|
+
// Webkit doesn't understand the official shorthand syntax for specifying
|
43
|
+
// a vertical radius unless so in case there's several we only take the first.
|
44
|
+
@include experimental(border-radius, first-value-of($radius) first-value-of($vertical-radius),
|
45
|
+
not -moz,
|
46
|
+
-webkit,
|
47
|
+
not -o,
|
48
|
+
not -ms,
|
49
|
+
not -khtml,
|
50
|
+
not official
|
51
|
+
);
|
52
|
+
@include experimental("border-radius", $radius unquote("/") $vertical-radius,
|
53
|
+
-moz,
|
54
|
+
not -webkit,
|
55
|
+
not -o,
|
56
|
+
not -ms,
|
57
|
+
-khtml,
|
58
|
+
official
|
59
|
+
);
|
60
|
+
}
|
61
|
+
@else {
|
62
|
+
@include experimental(border-radius, $radius);
|
63
|
+
}
|
64
|
+
}
|
65
|
+
|
66
|
+
// Round radius at position by amount.
|
67
|
+
//
|
68
|
+
// * legal values for `$vert`: `top`, `bottom`
|
69
|
+
// * legal values for `$horz`: `left`, `right`
|
70
|
+
|
71
|
+
@mixin border-corner-radius($vert, $horz, $radius: $default-border-radius) {
|
72
|
+
// Support for mozilla's syntax for specifying a corner
|
73
|
+
@include experimental("border-radius-#{$vert}#{$horz}", $radius,
|
74
|
+
-moz,
|
75
|
+
not -webkit,
|
76
|
+
not -o,
|
77
|
+
not -ms,
|
78
|
+
not -khtml,
|
79
|
+
not official
|
80
|
+
);
|
81
|
+
@include experimental("border-#{$vert}-#{$horz}-radius", $radius,
|
82
|
+
not -moz,
|
83
|
+
-webkit,
|
84
|
+
not -o,
|
85
|
+
not -ms,
|
86
|
+
-khtml,
|
87
|
+
official
|
88
|
+
);
|
89
|
+
|
90
|
+
}
|
91
|
+
|
92
|
+
// Round top-left corner only
|
93
|
+
|
94
|
+
@mixin border-top-left-radius($radius: $default-border-radius) {
|
95
|
+
@include border-corner-radius(top, left, $radius); }
|
96
|
+
|
97
|
+
// Round top-right corner only
|
98
|
+
|
99
|
+
@mixin border-top-right-radius($radius: $default-border-radius) {
|
100
|
+
@include border-corner-radius(top, right, $radius); }
|
101
|
+
|
102
|
+
// Round bottom-left corner only
|
103
|
+
|
104
|
+
@mixin border-bottom-left-radius($radius: $default-border-radius) {
|
105
|
+
@include border-corner-radius(bottom, left, $radius); }
|
106
|
+
|
107
|
+
// Round bottom-right corner only
|
108
|
+
|
109
|
+
@mixin border-bottom-right-radius($radius: $default-border-radius) {
|
110
|
+
@include border-corner-radius(bottom, right, $radius); }
|
111
|
+
|
112
|
+
// Round both top corners by amount
|
113
|
+
@mixin border-top-radius($radius: $default-border-radius) {
|
114
|
+
@include border-top-left-radius($radius);
|
115
|
+
@include border-top-right-radius($radius); }
|
116
|
+
|
117
|
+
// Round both right corners by amount
|
118
|
+
@mixin border-right-radius($radius: $default-border-radius) {
|
119
|
+
@include border-top-right-radius($radius);
|
120
|
+
@include border-bottom-right-radius($radius); }
|
121
|
+
|
122
|
+
// Round both bottom corners by amount
|
123
|
+
@mixin border-bottom-radius($radius: $default-border-radius) {
|
124
|
+
@include border-bottom-left-radius($radius);
|
125
|
+
@include border-bottom-right-radius($radius); }
|
126
|
+
|
127
|
+
// Round both left corners by amount
|
128
|
+
@mixin border-left-radius($radius: $default-border-radius) {
|
129
|
+
@include border-top-left-radius($radius);
|
130
|
+
@include border-bottom-left-radius($radius); }
|
@@ -0,0 +1,76 @@
|
|
1
|
+
// @doc off
|
2
|
+
// These defaults make the arguments optional for this mixin
|
3
|
+
// If you like, set different defaults before importing.
|
4
|
+
// @doc on
|
5
|
+
|
6
|
+
@import "shared";
|
7
|
+
|
8
|
+
|
9
|
+
// The default color for box shadows
|
10
|
+
$default-box-shadow-color: #333333 !default;
|
11
|
+
|
12
|
+
// The default horizontal offset. Positive is to the right.
|
13
|
+
$default-box-shadow-h-offset: 0px !default;
|
14
|
+
|
15
|
+
// The default vertical offset. Positive is down.
|
16
|
+
$default-box-shadow-v-offset: 0px !default;
|
17
|
+
|
18
|
+
// The default blur length.
|
19
|
+
$default-box-shadow-blur: 5px !default;
|
20
|
+
|
21
|
+
// The default spread length.
|
22
|
+
$default-box-shadow-spread : false !default;
|
23
|
+
|
24
|
+
// The default shadow inset: inset or false (for standard shadow).
|
25
|
+
$default-box-shadow-inset : false !default;
|
26
|
+
|
27
|
+
// Provides cross-browser for Webkit, Gecko, and CSS3 box shadows when one or more box
|
28
|
+
// shadows are needed.
|
29
|
+
// Each shadow argument should adhere to the standard css3 syntax for the
|
30
|
+
// box-shadow property.
|
31
|
+
@mixin box-shadow(
|
32
|
+
$shadow-1 : default,
|
33
|
+
$shadow-2 : false,
|
34
|
+
$shadow-3 : false,
|
35
|
+
$shadow-4 : false,
|
36
|
+
$shadow-5 : false,
|
37
|
+
$shadow-6 : false,
|
38
|
+
$shadow-7 : false,
|
39
|
+
$shadow-8 : false,
|
40
|
+
$shadow-9 : false,
|
41
|
+
$shadow-10: false
|
42
|
+
) {
|
43
|
+
@if $shadow-1 == default {
|
44
|
+
$shadow-1 : -compass-space-list(compact(if($default-box-shadow-inset, inset, false), $default-box-shadow-h-offset, $default-box-shadow-v-offset, $default-box-shadow-blur, $default-box-shadow-spread, $default-box-shadow-color));
|
45
|
+
}
|
46
|
+
$shadow : compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10);
|
47
|
+
@include experimental(box-shadow, $shadow,
|
48
|
+
-moz, -webkit, not -o, not -ms, not -khtml, official
|
49
|
+
);
|
50
|
+
}
|
51
|
+
|
52
|
+
// Provides a single cross-browser CSS box shadow for Webkit, Gecko, and CSS3.
|
53
|
+
// Includes default arguments for color, horizontal offset, vertical offset, blur length, spread length, and inset.
|
54
|
+
@mixin single-box-shadow(
|
55
|
+
$color : $default-box-shadow-color,
|
56
|
+
$hoff : $default-box-shadow-h-offset,
|
57
|
+
$voff : $default-box-shadow-v-offset,
|
58
|
+
$blur : $default-box-shadow-blur,
|
59
|
+
$spread : $default-box-shadow-spread,
|
60
|
+
$inset : $default-box-shadow-inset
|
61
|
+
) {
|
62
|
+
@if not ($inset == true or $inset == false or $inset == inset) {
|
63
|
+
@warn "$inset expected to be true or the inset keyword. Got #{$inset} instead. Using: inset";
|
64
|
+
}
|
65
|
+
|
66
|
+
@if $color == none {
|
67
|
+
@include box-shadow(none);
|
68
|
+
} @else {
|
69
|
+
$full : $hoff $voff;
|
70
|
+
@if $blur { $full: $full $blur; }
|
71
|
+
@if $spread { $full: $full $spread; }
|
72
|
+
@if $color { $full: $full $color; }
|
73
|
+
@if $inset { $full: inset $full; }
|
74
|
+
@include box-shadow($full);
|
75
|
+
}
|
76
|
+
}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
@import "shared";
|
2
|
+
|
3
|
+
// Change the box model for Mozilla, Webkit, IE8 and the future
|
4
|
+
//
|
5
|
+
// @param $bs
|
6
|
+
// [ content-box | border-box ]
|
7
|
+
|
8
|
+
@mixin box-sizing($bs) {
|
9
|
+
$bs: unquote($bs);
|
10
|
+
@include experimental(box-sizing, $bs,
|
11
|
+
-moz, -webkit, not -o, not -ms, not -khtml, official
|
12
|
+
);
|
13
|
+
}
|