Skip to content

Commit 7e9fe5e

Browse files
leafoleafo
committed
added compass 0.12.2
1 parent 3ee471e commit 7e9fe5e

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

83 files changed

+3731
-0
lines changed

‎stylesheets/compass.scss‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
@import "compass/utilities";
2+
@import "compass/typography";
3+
@import "compass/css3";

‎stylesheets/compass/css3.scss‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -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";

‎stylesheets/compass/css3/appearance.scss‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
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+
// Mozilla : https://developer.mozilla.org/en/CSS/-moz-appearance
8+
// Webkit : http://code.google.com/p/webkit-mirror/source/browse/Source/WebCore/css/CSSValueKeywords.in?spec=svnf1aea559dcd025a8946aa7da6e4e8306f5c1b604&r=63c7d1af44430b314233fea342c3ddb2a052e365
9+
// (search for 'appearance' within the page)
10+
11+
@mixin appearance($ap) {
12+
$ap: unquote($ap);
13+
@include experimental(appearance, $ap,
14+
-moz, -webkit, not -o, not -ms, not -khtml, official
15+
);
16+
}

‎stylesheets/compass/css3/background-clip.scss‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -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+
}

‎stylesheets/compass/css3/background-origin.scss‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -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+
}

‎stylesheets/compass/css3/background-size.scss‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -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+
}

‎stylesheets/compass/css3/border-radius.scss‎

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -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); }

‎stylesheets/compass/css3/box-shadow.scss‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -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+
}

‎stylesheets/compass/css3/box-sizing.scss‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -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+
}

0 commit comments

Comments
 (0)