compass 0.10.0.rc3 → 0.10.0.rc4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|
+
}
|