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.
Files changed (85) hide show
  1. data/Rakefile +30 -102
  2. data/VERSION.yml +1 -1
  3. data/examples/css3/bootstrap.rb +3 -0
  4. data/examples/css3/clean.rb +2 -0
  5. data/examples/downloader.rb +2 -2
  6. data/frameworks/_compass_deprecated_imports/stylesheets/compass/_misc.sass +1 -2
  7. data/frameworks/{compass → _compass_deprecated_imports}/stylesheets/compass/_misc.scss +1 -0
  8. data/frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_inline_block.sass +1 -1
  9. data/frameworks/blueprint/stylesheets/_blueprint.scss +2 -1
  10. data/frameworks/blueprint/stylesheets/blueprint/_buttons.scss +47 -32
  11. data/frameworks/blueprint/stylesheets/blueprint/_colors.scss +25 -45
  12. data/frameworks/blueprint/stylesheets/blueprint/_debug.scss +6 -3
  13. data/frameworks/blueprint/stylesheets/blueprint/_fancy-type.scss +31 -24
  14. data/frameworks/blueprint/stylesheets/blueprint/_form.scss +45 -35
  15. data/frameworks/blueprint/stylesheets/blueprint/_grid.scss +2 -1
  16. data/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss +21 -28
  17. data/frameworks/blueprint/stylesheets/blueprint/_typography.scss +66 -137
  18. data/frameworks/compass/stylesheets/compass/_css3.scss +1 -0
  19. data/frameworks/compass/stylesheets/compass/css3/_background-clip.scss +23 -5
  20. data/frameworks/compass/stylesheets/compass/css3/_background-origin.scss +22 -5
  21. data/frameworks/compass/stylesheets/compass/css3/_background-size.scss +8 -10
  22. data/frameworks/compass/stylesheets/compass/css3/_border-radius.scss +36 -16
  23. data/frameworks/compass/stylesheets/compass/css3/_box-shadow.scss +14 -7
  24. data/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss +4 -8
  25. data/frameworks/compass/stylesheets/compass/css3/_box.scss +89 -0
  26. data/frameworks/compass/stylesheets/compass/css3/_columns.scss +19 -40
  27. data/frameworks/compass/stylesheets/compass/css3/_font-face.scss +3 -1
  28. data/frameworks/compass/stylesheets/compass/css3/_gradient.scss +2 -0
  29. data/frameworks/compass/stylesheets/compass/css3/_inline-block.scss +5 -6
  30. data/frameworks/compass/stylesheets/compass/css3/_opacity.scss +15 -9
  31. data/frameworks/compass/stylesheets/compass/css3/_shared.scss +47 -0
  32. data/frameworks/compass/stylesheets/compass/css3/_text-shadow.scss +10 -2
  33. data/frameworks/compass/stylesheets/compass/css3/_transform.scss +34 -17
  34. data/frameworks/compass/stylesheets/compass/css3/_transition.scss +19 -21
  35. data/frameworks/compass/stylesheets/compass/utilities/_print.scss +14 -15
  36. data/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss +27 -17
  37. data/frameworks/compass/stylesheets/compass/utilities/general/_float.scss +7 -9
  38. data/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss +4 -2
  39. data/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss +12 -6
  40. data/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.scss +24 -12
  41. data/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss +0 -4
  42. data/frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss +5 -5
  43. data/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite-img.scss +15 -13
  44. data/frameworks/compass/stylesheets/compass/utilities/text/_replacement.scss +1 -1
  45. data/lib/compass.rb +6 -1
  46. data/lib/compass/commands/help.rb +1 -0
  47. data/lib/compass/configuration/data.rb +10 -2
  48. data/lib/compass/exec/helpers.rb +3 -0
  49. data/lib/compass/sass_extensions/functions/selectors.rb +21 -0
  50. data/lib/compass/version.rb +12 -21
  51. data/test/compass_test.rb +1 -1
  52. data/test/fixtures/stylesheets/blueprint/css/typography.css +8 -19
  53. data/test/fixtures/stylesheets/compass/css/box.css +90 -0
  54. data/test/fixtures/stylesheets/compass/sass/box.sass +50 -0
  55. data/test/sass_extensions_test.rb +19 -26
  56. metadata +42 -62
  57. data/CHANGELOG.markdown +0 -881
  58. data/REVISION +0 -1
  59. data/examples/css3/extensions/compass-colors/README.markdown +0 -50
  60. data/examples/css3/extensions/compass-colors/VERSION.yml +0 -5
  61. data/examples/css3/extensions/compass-colors/example/config.rb +0 -13
  62. data/examples/css3/extensions/compass-colors/example/src/_split_compliment_theme.sass +0 -28
  63. data/examples/css3/extensions/compass-colors/example/src/screen.sass +0 -40
  64. data/examples/css3/extensions/compass-colors/lib/compass-colors.rb +0 -9
  65. data/examples/css3/extensions/compass-colors/lib/compass-colors/compass_extension.rb +0 -7
  66. data/examples/css3/extensions/compass-colors/lib/compass-colors/hsl.rb +0 -109
  67. data/examples/css3/extensions/compass-colors/lib/compass-colors/sass_extensions.rb +0 -112
  68. data/examples/css3/extensions/compass-colors/spec/approximate_color_matching.rb +0 -43
  69. data/examples/css3/extensions/compass-colors/spec/sass_extensions_spec.rb +0 -54
  70. data/examples/css3/extensions/compass-colors/templates/analogous/_theme.sass +0 -28
  71. data/examples/css3/extensions/compass-colors/templates/analogous/manifest.rb +0 -1
  72. data/examples/css3/extensions/compass-colors/templates/basic/_theme.sass +0 -7
  73. data/examples/css3/extensions/compass-colors/templates/basic/manifest.rb +0 -1
  74. data/examples/css3/extensions/compass-colors/templates/complementary/_theme.sass +0 -20
  75. data/examples/css3/extensions/compass-colors/templates/complementary/manifest.rb +0 -1
  76. data/examples/css3/extensions/compass-colors/templates/split_complement/_theme.sass +0 -28
  77. data/examples/css3/extensions/compass-colors/templates/split_complement/manifest.rb +0 -1
  78. data/examples/css3/extensions/compass-colors/templates/triadic/_theme.sass +0 -28
  79. data/examples/css3/extensions/compass-colors/templates/triadic/manifest.rb +0 -1
  80. data/examples/css3/stylesheets/fonts/Vtks Revolt.ttf +0 -0
  81. data/examples/css3/stylesheets/fonts/angelina.ttf +0 -0
  82. data/examples/logo/logo.html.haml +0 -40
  83. data/examples/logo/src/ie.scss +0 -5
  84. data/examples/logo/src/print.scss +0 -3
  85. 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,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,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,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,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
- }
@@ -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,3 +0,0 @@
1
- /* Welcome to Compass. Use this file to define print styles.
2
- * Import this file using the following HTML or equivalent:
3
- * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
@@ -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); }