compass 0.10.0.rc3 → 0.10.0.rc4
Sign up to get free protection for your applications and to get access to all the features.
- data/Rakefile +30 -102
- data/VERSION.yml +1 -1
- data/examples/css3/bootstrap.rb +3 -0
- data/examples/css3/clean.rb +2 -0
- data/examples/downloader.rb +2 -2
- data/frameworks/_compass_deprecated_imports/stylesheets/compass/_misc.sass +1 -2
- data/frameworks/{compass → _compass_deprecated_imports}/stylesheets/compass/_misc.scss +1 -0
- data/frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_inline_block.sass +1 -1
- data/frameworks/blueprint/stylesheets/_blueprint.scss +2 -1
- data/frameworks/blueprint/stylesheets/blueprint/_buttons.scss +47 -32
- data/frameworks/blueprint/stylesheets/blueprint/_colors.scss +25 -45
- data/frameworks/blueprint/stylesheets/blueprint/_debug.scss +6 -3
- data/frameworks/blueprint/stylesheets/blueprint/_fancy-type.scss +31 -24
- data/frameworks/blueprint/stylesheets/blueprint/_form.scss +45 -35
- data/frameworks/blueprint/stylesheets/blueprint/_grid.scss +2 -1
- data/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss +21 -28
- data/frameworks/blueprint/stylesheets/blueprint/_typography.scss +66 -137
- data/frameworks/compass/stylesheets/compass/_css3.scss +1 -0
- data/frameworks/compass/stylesheets/compass/css3/_background-clip.scss +23 -5
- data/frameworks/compass/stylesheets/compass/css3/_background-origin.scss +22 -5
- data/frameworks/compass/stylesheets/compass/css3/_background-size.scss +8 -10
- data/frameworks/compass/stylesheets/compass/css3/_border-radius.scss +36 -16
- data/frameworks/compass/stylesheets/compass/css3/_box-shadow.scss +14 -7
- data/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss +4 -8
- data/frameworks/compass/stylesheets/compass/css3/_box.scss +89 -0
- data/frameworks/compass/stylesheets/compass/css3/_columns.scss +19 -40
- data/frameworks/compass/stylesheets/compass/css3/_font-face.scss +3 -1
- data/frameworks/compass/stylesheets/compass/css3/_gradient.scss +2 -0
- data/frameworks/compass/stylesheets/compass/css3/_inline-block.scss +5 -6
- data/frameworks/compass/stylesheets/compass/css3/_opacity.scss +15 -9
- data/frameworks/compass/stylesheets/compass/css3/_shared.scss +47 -0
- data/frameworks/compass/stylesheets/compass/css3/_text-shadow.scss +10 -2
- data/frameworks/compass/stylesheets/compass/css3/_transform.scss +34 -17
- data/frameworks/compass/stylesheets/compass/css3/_transition.scss +19 -21
- data/frameworks/compass/stylesheets/compass/utilities/_print.scss +14 -15
- data/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss +27 -17
- data/frameworks/compass/stylesheets/compass/utilities/general/_float.scss +7 -9
- data/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss +4 -2
- data/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss +12 -6
- data/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.scss +24 -12
- data/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss +0 -4
- data/frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss +5 -5
- data/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite-img.scss +15 -13
- data/frameworks/compass/stylesheets/compass/utilities/text/_replacement.scss +1 -1
- data/lib/compass.rb +6 -1
- data/lib/compass/commands/help.rb +1 -0
- data/lib/compass/configuration/data.rb +10 -2
- data/lib/compass/exec/helpers.rb +3 -0
- data/lib/compass/sass_extensions/functions/selectors.rb +21 -0
- data/lib/compass/version.rb +12 -21
- data/test/compass_test.rb +1 -1
- data/test/fixtures/stylesheets/blueprint/css/typography.css +8 -19
- data/test/fixtures/stylesheets/compass/css/box.css +90 -0
- data/test/fixtures/stylesheets/compass/sass/box.sass +50 -0
- data/test/sass_extensions_test.rb +19 -26
- metadata +42 -62
- data/CHANGELOG.markdown +0 -881
- data/REVISION +0 -1
- data/examples/css3/extensions/compass-colors/README.markdown +0 -50
- data/examples/css3/extensions/compass-colors/VERSION.yml +0 -5
- data/examples/css3/extensions/compass-colors/example/config.rb +0 -13
- data/examples/css3/extensions/compass-colors/example/src/_split_compliment_theme.sass +0 -28
- data/examples/css3/extensions/compass-colors/example/src/screen.sass +0 -40
- data/examples/css3/extensions/compass-colors/lib/compass-colors.rb +0 -9
- data/examples/css3/extensions/compass-colors/lib/compass-colors/compass_extension.rb +0 -7
- data/examples/css3/extensions/compass-colors/lib/compass-colors/hsl.rb +0 -109
- data/examples/css3/extensions/compass-colors/lib/compass-colors/sass_extensions.rb +0 -112
- data/examples/css3/extensions/compass-colors/spec/approximate_color_matching.rb +0 -43
- data/examples/css3/extensions/compass-colors/spec/sass_extensions_spec.rb +0 -54
- data/examples/css3/extensions/compass-colors/templates/analogous/_theme.sass +0 -28
- data/examples/css3/extensions/compass-colors/templates/analogous/manifest.rb +0 -1
- data/examples/css3/extensions/compass-colors/templates/basic/_theme.sass +0 -7
- data/examples/css3/extensions/compass-colors/templates/basic/manifest.rb +0 -1
- data/examples/css3/extensions/compass-colors/templates/complementary/_theme.sass +0 -20
- data/examples/css3/extensions/compass-colors/templates/complementary/manifest.rb +0 -1
- data/examples/css3/extensions/compass-colors/templates/split_complement/_theme.sass +0 -28
- data/examples/css3/extensions/compass-colors/templates/split_complement/manifest.rb +0 -1
- data/examples/css3/extensions/compass-colors/templates/triadic/_theme.sass +0 -28
- data/examples/css3/extensions/compass-colors/templates/triadic/manifest.rb +0 -1
- data/examples/css3/stylesheets/fonts/Vtks Revolt.ttf +0 -0
- data/examples/css3/stylesheets/fonts/angelina.ttf +0 -0
- data/examples/logo/logo.html.haml +0 -40
- data/examples/logo/src/ie.scss +0 -5
- data/examples/logo/src/print.scss +0 -3
- data/examples/logo/src/screen.scss +0 -28
@@ -1,28 +0,0 @@
|
|
1
|
-
// In theory the lightness and saturation values of corresponding colors should not change.
|
2
|
-
// In reality, these values should be adjusted to create a more pleasant color combination.
|
3
|
-
// There is not any mathematical formula for this, but you can use the lighten, darken,
|
4
|
-
// saturate and desaturate functions to adjust your main colors.
|
5
|
-
!base_color ||= red
|
6
|
-
!support_color = adjust_hue(!base_color, 30)
|
7
|
-
!accent_color = adjust_hue(!base_color, -30)
|
8
|
-
|
9
|
-
!dark_base_color = darken(!base_color, 25)
|
10
|
-
!darker_base_color = darken(!base_color, 50)
|
11
|
-
!darkest_base_color = darken(!base_color, 75)
|
12
|
-
!light_base_color = lighten(!base_color, 25)
|
13
|
-
!lighter_base_color = lighten(!base_color, 50)
|
14
|
-
!lightest_base_color = lighten(!base_color, 75)
|
15
|
-
|
16
|
-
!dark_support_color = darken(!support_color, 25)
|
17
|
-
!darker_support_color = darken(!support_color, 50)
|
18
|
-
!darkest_support_color = darken(!support_color, 75)
|
19
|
-
!light_support_color = lighten(!support_color, 25)
|
20
|
-
!lighter_support_color = lighten(!support_color, 50)
|
21
|
-
!lightest_support_color = lighten(!support_color, 75)
|
22
|
-
|
23
|
-
!dark_accent_color = darken(!accent_color, 25)
|
24
|
-
!darker_accent_color = darken(!accent_color, 50)
|
25
|
-
!darkest_accent_color = darken(!accent_color, 75)
|
26
|
-
!light_accent_color = lighten(!accent_color, 25)
|
27
|
-
!lighter_accent_color = lighten(!accent_color, 50)
|
28
|
-
!lightest_accent_color = lighten(!accent_color, 75)
|
@@ -1 +0,0 @@
|
|
1
|
-
stylesheet '_theme.sass'
|
@@ -1,7 +0,0 @@
|
|
1
|
-
!base_color ||= red
|
2
|
-
!dark_base_color = darken(!base_color, 25)
|
3
|
-
!darker_base_color = darken(!base_color, 50)
|
4
|
-
!darkest_base_color = darken(!base_color, 75)
|
5
|
-
!light_base_color = lighten(!base_color, 25)
|
6
|
-
!lighter_base_color = lighten(!base_color, 75)
|
7
|
-
!lightest_base_color = lighten(!base_color, 50)
|
@@ -1 +0,0 @@
|
|
1
|
-
stylesheet '_theme.sass'
|
@@ -1,20 +0,0 @@
|
|
1
|
-
// In theory the lightness and saturation values of corresponding colors should not change.
|
2
|
-
// In reality, these values should be adjusted to create a more pleasant color combination.
|
3
|
-
// There is not any mathematical formula for this, but you can use the lighten, darken,
|
4
|
-
// saturate and desaturate functions to adjust your main colors.
|
5
|
-
!base_color ||= red
|
6
|
-
!complementary_color = complement(!base_color)
|
7
|
-
|
8
|
-
!dark_base_color = darken(!base_color, 25)
|
9
|
-
!darker_base_color = darken(!base_color, 50)
|
10
|
-
!darkest_base_color = darken(!base_color, 75)
|
11
|
-
!light_base_color = lighten(!base_color, 25)
|
12
|
-
!lighter_base_color = lighten(!base_color, 50)
|
13
|
-
!lightest_base_color = lighten(!base_color, 75)
|
14
|
-
|
15
|
-
!dark_complementary_color = darken(!complementary_color, 25)
|
16
|
-
!darker_complementary_color = darken(!complementary_color, 50)
|
17
|
-
!darkest_complementary_color = darken(!complementary_color, 75)
|
18
|
-
!light_complementary_color = lighten(!complementary_color, 25)
|
19
|
-
!lighter_complementary_color = lighten(!complementary_color, 50)
|
20
|
-
!lightest_complementary_color = lighten(!complementary_color, 75)
|
@@ -1 +0,0 @@
|
|
1
|
-
stylesheet '_theme.sass'
|
@@ -1,28 +0,0 @@
|
|
1
|
-
// In theory the lightness and saturation values of corresponding colors should not change.
|
2
|
-
// In reality, these values should be adjusted to create a more pleasant color combination.
|
3
|
-
// There is not any mathematical formula for this, but you can use the lighten, darken,
|
4
|
-
// saturate and desaturate functions to adjust your main colors.
|
5
|
-
!base_color ||= red
|
6
|
-
!complement_support_color = adjust_hue(!base_color, 180 + 30)
|
7
|
-
!complement_accent_color = adjust_hue(!base_color, 180 - 30)
|
8
|
-
|
9
|
-
!dark_base_color = darken(!base_color, 25)
|
10
|
-
!darker_base_color = darken(!base_color, 50)
|
11
|
-
!darkest_base_color = darken(!base_color, 75)
|
12
|
-
!light_base_color = lighten(!base_color, 25)
|
13
|
-
!lighter_base_color = lighten(!base_color, 50)
|
14
|
-
!lightest_base_color = lighten(!base_color, 75)
|
15
|
-
|
16
|
-
!dark_complement_support_color = darken(!complement_support_color, 25)
|
17
|
-
!darker_complement_support_color = darken(!complement_support_color, 50)
|
18
|
-
!darkest_complement_support_color = darken(!complement_support_color, 75)
|
19
|
-
!light_complement_support_color = lighten(!complement_support_color, 25)
|
20
|
-
!lighter_complement_support_color = lighten(!complement_support_color, 50)
|
21
|
-
!lightest_complement_support_color = lighten(!complement_support_color, 75)
|
22
|
-
|
23
|
-
!dark_complement_accent_color = darken(!complement_accent_color, 25)
|
24
|
-
!darker_complement_accent_color = darken(!complement_accent_color, 50)
|
25
|
-
!darkest_complement_accent_color = darken(!complement_accent_color, 75)
|
26
|
-
!light_complement_accent_color = lighten(!complement_accent_color, 25)
|
27
|
-
!lighter_complement_accent_color = lighten(!complement_accent_color, 50)
|
28
|
-
!lightest_complement_accent_color = lighten(!complement_accent_color, 75)
|
@@ -1 +0,0 @@
|
|
1
|
-
stylesheet '_theme.sass'
|
@@ -1,28 +0,0 @@
|
|
1
|
-
// In theory the lightness and saturation values of corresponding colors should not change.
|
2
|
-
// In reality, these values should be adjusted to create a more pleasant color combination.
|
3
|
-
// There is not any mathematical formula for this, but you can use the lighten, darken,
|
4
|
-
// saturate and desaturate functions to adjust your main colors.
|
5
|
-
!base_color ||= red
|
6
|
-
!support_color = adjust_hue(!base_color, 120)
|
7
|
-
!accent_color = adjust_hue(!base_color, -120)
|
8
|
-
|
9
|
-
!dark_base_color = darken(!base_color, 25)
|
10
|
-
!darker_base_color = darken(!base_color, 50)
|
11
|
-
!darkest_base_color = darken(!base_color, 75)
|
12
|
-
!light_base_color = lighten(!base_color, 25)
|
13
|
-
!lighter_base_color = lighten(!base_color, 50)
|
14
|
-
!lightest_base_color = lighten(!base_color, 75)
|
15
|
-
|
16
|
-
!dark_support_color = darken(!support_color, 25)
|
17
|
-
!darker_support_color = darken(!support_color, 50)
|
18
|
-
!darkest_support_color = darken(!support_color, 75)
|
19
|
-
!light_support_color = lighten(!support_color, 25)
|
20
|
-
!lighter_support_color = lighten(!support_color, 50)
|
21
|
-
!lightest_support_color = lighten(!support_color, 75)
|
22
|
-
|
23
|
-
!dark_accent_color = darken(!accent_color, 25)
|
24
|
-
!darker_accent_color = darken(!accent_color, 50)
|
25
|
-
!darkest_accent_color = darken(!accent_color, 75)
|
26
|
-
!light_accent_color = lighten(!accent_color, 25)
|
27
|
-
!lighter_accent_color = lighten(!accent_color, 50)
|
28
|
-
!lightest_accent_color = lighten(!accent_color, 75)
|
@@ -1 +0,0 @@
|
|
1
|
-
stylesheet '_theme.sass'
|
Binary file
|
Binary file
|
@@ -1,40 +0,0 @@
|
|
1
|
-
%html
|
2
|
-
%head
|
3
|
-
%link{ :href => "stylesheets/screen.css", :rel => "stylesheet", :media => "screen", :type => "text/css", :charset => "utf-8" }
|
4
|
-
%body
|
5
|
-
#logo-large
|
6
|
-
%span.selector
|
7
|
-
un
|
8
|
-
%span.brace
|
9
|
-
{
|
10
|
-
%span.rule
|
11
|
-
ob:tru-sive;
|
12
|
-
%span.brace
|
13
|
-
}
|
14
|
-
#logo-medium
|
15
|
-
%span.selector
|
16
|
-
un
|
17
|
-
%span.brace
|
18
|
-
{
|
19
|
-
%span.rule
|
20
|
-
ob:tru-sive;
|
21
|
-
%span.brace
|
22
|
-
}
|
23
|
-
#logo
|
24
|
-
%span.selector
|
25
|
-
un
|
26
|
-
%span.brace
|
27
|
-
{
|
28
|
-
%span.rule
|
29
|
-
ob:tru-sive;
|
30
|
-
%span.brace
|
31
|
-
}
|
32
|
-
#logo-small
|
33
|
-
%span.selector
|
34
|
-
un
|
35
|
-
%span.brace
|
36
|
-
{
|
37
|
-
%span.rule
|
38
|
-
ob:tru-sive;
|
39
|
-
%span.brace
|
40
|
-
}
|
data/examples/logo/src/ie.scss
DELETED
@@ -1,5 +0,0 @@
|
|
1
|
-
/* Welcome to Compass. Use this file to write IE specific override styles.
|
2
|
-
* Import this file using the following HTML or equivalent:
|
3
|
-
* <!--[if IE]>
|
4
|
-
* <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
5
|
-
* <![endif]--> */
|
@@ -1,28 +0,0 @@
|
|
1
|
-
/* Welcome to Compass.
|
2
|
-
* In this file you should write your main styles. (or centralize your imports)
|
3
|
-
* Import this file using the following HTML or equivalent:
|
4
|
-
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
|
5
|
-
|
6
|
-
@import "compass/reset";
|
7
|
-
@import "compass/misc";
|
8
|
-
|
9
|
-
#logo-large,
|
10
|
-
#logo-medium,
|
11
|
-
#logo,
|
12
|
-
#logo-small {
|
13
|
-
text-align: center;
|
14
|
-
margin: {
|
15
|
-
bottom: 40px; }; }
|
16
|
-
|
17
|
-
#logo-large {
|
18
|
-
@include unobtrusive-logo(3em);
|
19
|
-
margin-top: 20px; }
|
20
|
-
|
21
|
-
#logo-medium {
|
22
|
-
@include unobtrusive-logo(2em); }
|
23
|
-
|
24
|
-
#logo {
|
25
|
-
@include unobtrusive-logo; }
|
26
|
-
|
27
|
-
#logo-small {
|
28
|
-
@include unobtrusive-logo(0.5em); }
|