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
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
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
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
|
|
data/VERSION.yml
CHANGED
data/examples/downloader.rb
CHANGED
@@ -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.
|
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
|
-
@
|
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.
|
2
|
+
@import compass/css3/inline-block.scss
|
@@ -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:
|
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:
|
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:
|
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
|
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
|
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
|
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
|
-
|
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
|
-
|
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:
|
2
|
-
|
3
|
-
$
|
4
|
-
|
5
|
-
$
|
6
|
-
|
7
|
-
$
|
8
|
-
|
9
|
-
$
|
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
|
-
$
|
22
|
-
|
23
|
-
$
|
24
|
-
|
25
|
-
$
|
26
|
-
|
27
|
-
$
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
$
|
32
|
-
|
33
|
-
$
|
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:
|
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
|
-
|
13
|
-
.
|
14
|
-
|
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
|
-
|
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:
|
32
|
-
font-family:
|
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">“</span>asdf”
|
@@ -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
|
-
//
|
55
|
-
//
|
56
|
-
//
|
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
|
59
|
-
|
60
|
-
|
61
|
-
|
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
|
-
|
86
|
+
.incr p { @include incr; }
|
87
|
+
}
|