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
data/Rakefile CHANGED
@@ -1,23 +1,7 @@
1
- if ENV['RUN_CODE_RUN']
2
- # We need to checkout edge haml for the run>code>run test environment.
3
- if File.directory?("haml")
4
- Dir.chdir("haml") do
5
- sh "git", "fetch"
6
- end
7
- else
8
- sh "git", "clone", "git://github.com/nex3/haml.git"
9
- end
10
- Dir.chdir("haml") do
11
- sh "git", "reset", "--hard", "origin/stable"
12
- end
13
- $LOAD_PATH.unshift "haml/lib"
14
- end
15
-
16
1
  require 'rubygems'
17
2
  require 'rake'
18
3
  $:.unshift File.join(File.dirname(__FILE__), 'lib')
19
4
  require 'compass'
20
- require 'rcov/rcovtask'
21
5
 
22
6
  # ----- Default: Testing ------
23
7
 
@@ -29,7 +13,6 @@ require 'fileutils'
29
13
  Rake::TestTask.new :run_tests do |t|
30
14
  t.libs << 'lib'
31
15
  t.libs << 'test'
32
- t.libs << 'haml/lib' if ENV["RUN_CODE_RUN"]
33
16
  test_files = FileList['test/**/*_test.rb']
34
17
  test_files.exclude('test/rails/*', 'test/haml/*')
35
18
  t.test_files = test_files
@@ -40,65 +23,6 @@ To run with an alternate version of Rails, make test/rails a symlink to that ver
40
23
  To run with an alternate version of Haml & Sass, make test/haml a symlink to that version.
41
24
  END
42
25
 
43
- begin
44
- require 'jeweler'
45
- Jeweler::Tasks.new do |gemspec|
46
- gemspec.rubyforge_project = "compass"
47
- gemspec.name = "compass"
48
- gemspec.summary = "A Real Stylesheet Framework"
49
- gemspec.email = "chris@eppsteins.net"
50
- gemspec.homepage = "http://compass-style.org"
51
- gemspec.description = "Compass is a Sass-based Stylesheet Framework that streamlines the creation and maintainance of CSS."
52
- gemspec.authors = ["Chris Eppstein"]
53
- gemspec.has_rdoc = false
54
- gemspec.add_dependency('haml', '>= 3.0.0.beta.2')
55
- gemspec.files = []
56
- gemspec.files << "CHANGELOG.markdown"
57
- gemspec.files << "README.markdown"
58
- gemspec.files << "LICENSE.markdown"
59
- gemspec.files << "REVISION"
60
- gemspec.files << "VERSION.yml"
61
- gemspec.files << "Rakefile"
62
- gemspec.files << "deps.rip"
63
- gemspec.files += Dir.glob("bin/*")
64
- gemspec.files += Dir.glob("examples/**/*.*")
65
- gemspec.files -= Dir.glob("examples/**/*.css")
66
- gemspec.files -= Dir.glob("examples/**/*.html")
67
- gemspec.files -= Dir.glob("examples/*/extensions/**")
68
- gemspec.files += Dir.glob("frameworks/**/*")
69
- gemspec.files += Dir.glob("lib/**/*")
70
- gemspec.files += Dir.glob("test/**/*.*")
71
- gemspec.files -= Dir.glob("test/fixtures/stylesheets/*/saved/**/*.*")
72
- gemspec.test_files = Dir.glob("test/**/*.*")
73
- gemspec.test_files -= Dir.glob("test/fixtures/stylesheets/*/saved/**/*.*")
74
- gemspec.test_files += Dir.glob("features/**/*.*")
75
- end
76
- rescue LoadError
77
- puts "Jeweler not available. Install it with: sudo gem install technicalpickles-jeweler -s http://gems.github.com"
78
- end
79
-
80
- desc "Record the current git revision."
81
- task :REVISION do
82
- require 'git'
83
-
84
- repo = Git.open('.')
85
- open("REVISION", "w") do |f|
86
- f.write(repo.object("HEAD").sha)
87
- end
88
- end
89
-
90
- desc "Commit the revision file."
91
- task :commit_revision => :REVISION do
92
- require 'git'
93
- repo = Git.open('.')
94
- repo.add("REVISION")
95
- repo.commit("Record current revision for release.")
96
- end
97
-
98
- task :release => :commit_revision
99
-
100
- task :gem => :build
101
-
102
26
  desc "Compile Examples into HTML and CSS"
103
27
  task :examples do
104
28
  linked_haml = "tests/haml"
@@ -149,33 +73,37 @@ namespace :git do
149
73
  end
150
74
  end
151
75
 
152
- require 'cucumber/rake/task'
153
76
 
154
- namespace :rcov do
155
- Cucumber::Rake::Task.new(:cucumber) do |t|
156
- t.rcov = true
157
- t.rcov_opts = %w{--exclude osx\/objc,gems\/,spec\/,features\/ --aggregate coverage.data}
158
- t.rcov_opts << %[-o "coverage"]
159
- end
160
-
161
- Rcov::RcovTask.new(:units) do |rcov|
162
- rcov.libs << 'lib'
163
- rcov.libs << 'haml/lib' if ENV["RUN_CODE_RUN"]
164
- test_files = FileList['test/**/*_test.rb']
165
- test_files.exclude('test/rails/*', 'test/haml/*')
166
- rcov.pattern = test_files
167
- rcov.output_dir = 'coverage'
168
- rcov.verbose = true
169
- rcov.rcov_opts = %w{--exclude osx\/objc,gems\/,spec\/,features\/ --aggregate coverage.data}
170
- rcov.rcov_opts << %[-o "coverage" --sort coverage]
171
- end
172
-
173
-
174
- desc "Run both specs and features to generate aggregated coverage"
175
- task :all do |t|
176
- rm "coverage.data" if File.exist?("coverage.data")
177
- Rake::Task["rcov:units"].invoke
178
- Rake::Task["rcov:cucumber"].invoke
77
+ begin
78
+ require 'cucumber/rake/task'
79
+ require 'rcov/rcovtask'
80
+ namespace :rcov do
81
+ Cucumber::Rake::Task.new(:cucumber) do |t|
82
+ t.rcov = true
83
+ t.rcov_opts = %w{--exclude osx\/objc,gems\/,spec\/,features\/ --aggregate coverage.data}
84
+ t.rcov_opts << %[-o "coverage"]
85
+ end
86
+
87
+ Rcov::RcovTask.new(:units) do |rcov|
88
+ rcov.libs << 'lib'
89
+ test_files = FileList['test/**/*_test.rb']
90
+ test_files.exclude('test/rails/*', 'test/haml/*')
91
+ rcov.pattern = test_files
92
+ rcov.output_dir = 'coverage'
93
+ rcov.verbose = true
94
+ rcov.rcov_opts = %w{--exclude osx\/objc,gems\/,spec\/,features\/ --aggregate coverage.data}
95
+ rcov.rcov_opts << %[-o "coverage" --sort coverage]
96
+ end
97
+
98
+
99
+ desc "Run both specs and features to generate aggregated coverage"
100
+ task :all do |t|
101
+ rm "coverage.data" if File.exist?("coverage.data")
102
+ Rake::Task["rcov:units"].invoke
103
+ Rake::Task["rcov:cucumber"].invoke
104
+ end
179
105
  end
106
+ rescue LoadError => e
107
+ puts "WARNING: #{e}"
180
108
  end
181
109
 
@@ -2,4 +2,4 @@
2
2
  :patch: 0
3
3
  :major: 0
4
4
  :minor: 10
5
- :build: rc3
5
+ :build: rc4
@@ -0,0 +1,3 @@
1
+ require File.join(File.dirname(__FILE__), '..', 'downloader')
2
+
3
+ install_from_github('chriseppstein', 'compass-colors', 'compass-colors')
@@ -0,0 +1,2 @@
1
+ require 'fileutils'
2
+ FileUtils.rm_rf "#{File.dirname(__FILE__)}/extensions/compass-colors"
@@ -28,10 +28,10 @@ def install_from_github(user, project, ext_name, branch = "master", working_dire
28
28
  download_link = "http://github.com/#{user}/#{project}/zipball/#{branch}"
29
29
  extdir = File.join(working_directory,'extensions')
30
30
 
31
- if !File.exists?(extdir)
31
+ if !File.exists?("#{extdir}/#{ext_name}")
32
32
  begin
33
33
  puts "Downloading the #{ext_name} plugin into #{extdir}."
34
- FileUtils.mkdir(extdir)
34
+ FileUtils.mkdir_p("#{extdir}")
35
35
  zipfile = File.join(extdir, "#{ext_name}.zip")
36
36
  open(zipfile, "wb") do |tgz|
37
37
  tgz << fetch(download_link).body
@@ -1,2 +1 @@
1
- @warn "DEPRECATED: Please change your @import of compass/misc.sass to: @import \"compass/misc\""
2
- @import compass/misc.scss
1
+ @import "misc.scss"
@@ -5,6 +5,7 @@
5
5
  // Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA.
6
6
 
7
7
  @mixin unobtrusive-logo($size: 1em) {
8
+ @warn "DEPRECATED: unobtrusive-logo will be removed in a future release."
8
9
  font-family: Monaco, Courier, "Lucida Sans Unicode", monospace;
9
10
  font-size: $size;
10
11
  color: #888;
@@ -1,2 +1,2 @@
1
1
  @warn "DEPRECATED: Please change your @import of compass/css3/inline_block.sass to: @import \"compass/css3/inline-block\""
2
- @import compass/css3/inline-block.sass
2
+ @import compass/css3/inline-block.scss
@@ -35,4 +35,5 @@
35
35
  @include blueprint-grid;
36
36
  @include blueprint-debug;
37
37
  @include blueprint-interaction;
38
- @include blueprint-form; }
38
+ @include blueprint-form;
39
+ }
@@ -5,65 +5,75 @@
5
5
  $blueprint_button_font_family: unquote('"Lucida Grande", Tahoma, Arial, Verdana, sans-serif') !default;
6
6
 
7
7
  // Default Button Colors
8
- $blueprint_button_border_color: #dedede !default;
9
-
8
+ $blueprint_button_border_color: #dedede !default;
10
9
  $blueprint_button_background_color: #f5f5f5 !default;
11
-
12
- $blueprint_button_font_color: #565656 !default;
10
+ $blueprint_button_font_color: #565656 !default;
13
11
 
14
12
  // Default Button Hover Colors
15
- $blueprint_button_hover_border_color: #c2e1ef !default;
16
-
13
+ $blueprint_button_hover_border_color: #c2e1ef !default;
17
14
  $blueprint_button_hover_background_color: #dff4ff !default;
18
-
19
- $blueprint_button_hover_font_color: #336699 !default;
15
+ $blueprint_button_hover_font_color: #336699 !default;
20
16
 
21
17
  // Default Button Active Colors
22
- $blueprint_button_active_border_color: #6299c5 !default;
23
-
18
+ $blueprint_button_active_border_color: #6299c5 !default;
24
19
  $blueprint_button_active_background_color: #6299c5 !default;
25
-
26
- $blueprint_button_active_font_color: white !default;
20
+ $blueprint_button_active_font_color: white !default;
27
21
 
28
22
  //**
29
23
  // Sets the colors for a button
30
24
  // @param border_highlight_color
31
25
  // The highlight color defaults to whatever is the value of the border_color but it's one shade lighter.
32
- @mixin button-colors($font_color: $blueprint_button_font_color, $bg_color: $blueprint_button_background_color, $border_color: $blueprint_button_border_color, $border_highlight_color: $border_color + #101010) {
26
+ @mixin button-colors
27
+ (
28
+ $font_color: $blueprint_button_font_color,
29
+ $bg_color: $blueprint_button_background_color,
30
+ $border_color: $blueprint_button_border_color,
31
+ $border_highlight_color: $border_color + #101010
32
+ ) {
33
33
  background-color: $bg_color;
34
34
  border-color: $border_highlight_color $border_color $border_color $border_highlight_color;
35
- color: $font_color; }
35
+ color: $font_color;
36
+ }
36
37
 
37
38
  //**
38
39
  // Sets the colors for a button in the active state
39
40
  // @param border_highlight_color
40
41
  // The highlight color defaults to whatever is the value of the border_color but it's one shade lighter.
41
- @mixin button-active-colors($font_color: $blueprint_button_active_font_color, $bg_color: $blueprint_button_active_background_color, $border_color: $blueprint_button_active_border_color, $border_highlight_color: $border_color + #101010) {
42
+ @mixin button-active-colors
43
+ (
44
+ $font_color: $blueprint_button_active_font_color,
45
+ $bg_color: $blueprint_button_active_background_color,
46
+ $border_color: $blueprint_button_active_border_color,
47
+ $border_highlight_color: $border_color + #101010
48
+ ) {
42
49
  &:active {
43
- @include button-colors($font_color, $bg_color, $border_color, $border_highlight_color); } }
50
+ @include button-colors($font_color, $bg_color, $border_color, $border_highlight_color);
51
+ }
52
+ }
44
53
 
45
54
  //**
46
55
  // Sets the colors for a button in the hover state.
47
56
  // @param border_highlight_color
48
57
  // The highlight color defaults to whatever is the value of the border_color but it's one shade lighter.
49
- @mixin button-hover-colors($font_color: $blueprint_button_hover_font_color, $bg_color: $blueprint_button_hover_background_color, $border_color: $blueprint_button_hover_border_color, $border_highlight_color: $border_color + #101010) {
58
+ @mixin button-hover-colors
59
+ (
60
+ $font_color: $blueprint_button_hover_font_color,
61
+ $bg_color: $blueprint_button_hover_background_color,
62
+ $border_color: $blueprint_button_hover_border_color,
63
+ $border_highlight_color: $border_color + #101010
64
+ ) {
50
65
  &:hover {
51
- @include button-colors($font_color, $bg_color, $border_color, $border_highlight_color); } }
66
+ @include button-colors($font_color, $bg_color, $border_color, $border_highlight_color);
67
+ }
68
+ }
52
69
 
53
70
  @mixin button-base($float: false) {
54
- @if $float {
55
- display: block;
56
- @include float($float); }
57
- @else {
58
- @include inline-block; }
71
+ @if $float { @include float($float); display: block; }
72
+ @else { @include inline-block; }
59
73
  margin: 0.7em 0.5em 0.7em 0;
60
- border-width: 1px;
61
- border-style: solid;
62
- font-family: $blueprint_button_font_family;
63
- font-size: 100%;
64
- line-height: 130%;
74
+ border-width: 1px; border-style: solid;
75
+ font-family: $blueprint_button_font_family; font-size: 100%; line-height: 130%; font-weight: bold;
65
76
  text-decoration: none;
66
- font-weight: bold;
67
77
  cursor: pointer;
68
78
  img {
69
79
  margin: 0 3px -3px 0 !important;
@@ -71,11 +81,14 @@ $blueprint_button_active_font_color: white !default;
71
81
  border: none;
72
82
  width: 16px;
73
83
  height: 16px;
74
- float: none; } }
84
+ float: none;
85
+ }
86
+ }
75
87
 
76
88
  @mixin anchor-button($float: false) {
77
89
  @include button-base($float);
78
- padding: 5px 10px 5px 7px; }
90
+ padding: 5px 10px 5px 7px;
91
+ }
79
92
 
80
93
  @mixin button-button($float: false) {
81
94
  @include button-base($float);
@@ -86,4 +99,6 @@ $blueprint_button_active_font_color: white !default;
86
99
  padding: 4px 10px 4px 7px;
87
100
  line-height: 17px; }
88
101
  *:first-child+html &[type] {
89
- padding: 4px 10px 3px 7px; } }
102
+ padding: 4px 10px 3px 7px;
103
+ }
104
+ }
@@ -1,51 +1,31 @@
1
- $font_color: #333333 !default;
2
-
3
- $quiet_color: $font_color + #333333 !default;
4
-
5
- $loud_color: $font_color - #222222 !default;
6
-
7
- $header_color: $font_color - #111111 !default;
8
-
9
- $link_color: #000099 !default;
10
-
11
- $link_hover_color: black !default;
12
-
13
- $link_focus_color: $link_hover_color !default;
14
-
15
- $link_active_color: $link_color + #cc0000 !default;
16
-
1
+ $font_color: #333333 !default;
2
+ $quiet_color: $font_color + #333333 !default;
3
+ $loud_color: $font_color - #222222 !default;
4
+ $header_color: $font_color - #111111 !default;
5
+ $alt_text_color: #666666 !default;
6
+
7
+ $link_color: #000099 !default;
8
+ $link_hover_color: black !default;
9
+ $link_focus_color: $link_hover_color !default;
10
+ $link_active_color: $link_color + #cc0000 !default;
17
11
  $link_visited_color: $link_color - #333333 !default;
18
12
 
19
13
  $feedback_border_color: #dddddd !default;
20
-
21
- $success_color: #264409 !default;
22
-
23
- $success_bg_color: #e6efc2 !default;
24
-
25
- $success_border_color: #c6d880 !default;
26
-
27
- $notice_color: #514721 !default;
28
-
29
- $notice_bg_color: #fff6bf !default;
30
-
31
- $notice_border_color: #ffd324 !default;
32
-
33
- $error_color: #8a1f11 !default;
34
-
35
- $error_bg_color: #fbe3e4 !default;
36
-
37
- $error_border_color: #fbc2c4 !default;
38
-
39
- $highlight_color: yellow !default;
40
-
41
- $added_color: white !default;
42
-
43
- $added_bg_color: #006600 !default;
44
-
45
- $removed_color: white !default;
46
-
47
- $removed_bg_color: #990000 !default;
14
+ $success_color: #264409 !default;
15
+ $success_bg_color: #e6efc2 !default;
16
+ $success_border_color: #c6d880 !default;
17
+ $notice_color: #514721 !default;
18
+ $notice_bg_color: #fff6bf !default;
19
+ $notice_border_color: #ffd324 !default;
20
+ $error_color: #8a1f11 !default;
21
+ $error_bg_color: #fbe3e4 !default;
22
+ $error_border_color: #fbc2c4 !default;
23
+
24
+ $highlight_color: yellow !default;
25
+ $added_color: white !default;
26
+ $added_bg_color: #006600 !default;
27
+ $removed_color: white !default;
28
+ $removed_bg_color: #990000 !default;
48
29
 
49
30
  $blueprint_table_header_color: #c3d9ff !default;
50
-
51
31
  $blueprint_table_stripe_color: #e5ecf9 !default;
@@ -1,8 +1,11 @@
1
- @mixin showgrid($image: unquote("grid.png")) {
2
- background: image_url($image); }
1
+ @mixin showgrid($image: "grid.png") {
2
+ background: image_url($image);
3
+ }
3
4
 
4
5
  @mixin blueprint-debug($grid_image: unquote("grid.png")) {
5
6
  // Use this class on any column or container to see the grid.
6
7
  // TODO: prefix this with the project path.
7
8
  .showgrid {
8
- @include showgrid($grid_image); } }
9
+ @include showgrid($grid_image);
10
+ }
11
+ }
@@ -1,5 +1,6 @@
1
1
  @import "typography";
2
2
 
3
+ $alternate-text-font : "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif !default;
3
4
  // To install the fancy type plugin:
4
5
  // 1. import the fancy_type module: @import blueprint/fancy_type
5
6
  // 2. mixin +fancy-type to your project's body or at the top level of your stylesheet:
@@ -8,30 +9,29 @@
8
9
 
9
10
  @mixin fancy-type {
10
11
  @include fancy-paragraphs;
11
- .caps {
12
- @include caps; }
13
- .dquo {
14
- @include dquo; }
15
- .alt {
16
- @include alt; } }
12
+ .caps { @include caps; }
13
+ .dquo { @include dquo; }
14
+ .alt { @include alt; }
15
+ }
17
16
 
18
17
  // Indentation instead of line shifts for sibling paragraphs. Mixin to a style like p + p
19
18
  @mixin sibling-indentation {
20
19
  text-indent: 2em;
21
20
  margin-top: -1.5em;
22
21
  /* Don't want this in forms. */
23
- form & {
24
- text-indent: 0; } }
22
+ form & { text-indent: 0; }
23
+ }
25
24
 
26
25
  // For great looking type, use this code instead of asdf:
27
26
  // <span class="alt">asdf</span>
28
27
  // Best used on prepositions and ampersands.
29
28
 
30
29
  @mixin alt {
31
- color: #666666;
32
- font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif;
30
+ color: $alt-text-color;
31
+ font-family: $alternate-text-font;
33
32
  font-style: italic;
34
- font-weight: normal; }
33
+ font-weight: normal;
34
+ }
35
35
 
36
36
  // For great looking quote marks in titles, replace "asdf" with:
37
37
  // <span class="dquo">&#8220;</span>asdf&#8221;
@@ -39,7 +39,8 @@
39
39
  // (You may have to change this value depending on your font size).
40
40
 
41
41
  @mixin dquo($offset: 0.5em) {
42
- margin-left: -$offset; }
42
+ margin-left: -$offset;
43
+ }
43
44
 
44
45
  // Reduced size type with incremental leading
45
46
  // (http://www.markboulton.co.uk/journal/comments/incremental_leading/)
@@ -51,14 +52,20 @@
51
52
  // every four lines of normal sized type, there is five lines of the sidenote. eg:
52
53
  //
53
54
  // Arguments:
54
- // font_size - The desired font size in pixels. This will be converted to ems for you. Defaults to 10px.
55
- // base_font_size - The base font size in pixels. Defaults to 12px
56
- // old_line_height - The old line height. Defaults to 1.5 times the base_font_size
55
+ // `$font-size` - The desired font size in pixels. This will be converted to ems for you. Defaults to 10px.
56
+ // `$base-font-size` - The base font size in pixels. Defaults to 12px
57
+ // `$old-line-height` - The old line height. Defaults to 1.5 times the base-font-size
57
58
 
58
- @mixin incr($font_size: 10px, $base_font_size: $blueprint_font_size, $old_line_height: $base_font_size * 1.5) {
59
- font-size: 1em * $font_size / $base_font_size;
60
- line-height: 1em * $old_line_height / $font_size * 4 / 5;
61
- margin-bottom: 1.5em; }
59
+ @mixin incr
60
+ (
61
+ $font-size: 10px,
62
+ $base-font-size: $blueprint-font-size,
63
+ $old-line-height: $base-font-size * 1.5
64
+ ) {
65
+ font-size: 1em * $font-size / $base-font-size;
66
+ line-height: 1em * $old-line-height / $font-size * 4 / 5;
67
+ margin-bottom: 1.5em;
68
+ }
62
69
 
63
70
  // Surround uppercase words and abbreviations with this class.
64
71
  // Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/]
@@ -70,11 +77,11 @@
70
77
  font-size: 1.2em;
71
78
  line-height: 1%;
72
79
  font-weight: bold;
73
- padding: 0 2px; }
80
+ padding: 0 2px;
81
+ }
74
82
 
75
83
  @mixin fancy-paragraphs {
76
- p + p {
77
- @include sibling-indentation; }
84
+ p + p { @include sibling-indentation; }
78
85
  p.incr,
79
- .incr p {
80
- @include incr; } }
86
+ .incr p { @include incr; }
87
+ }