compass-edge 0.9.5.0 → 0.10.0.pre
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.markdown +0 -153
- data/README.markdown +2 -12
- data/REVISION +1 -1
- data/Rakefile +2 -37
- data/VERSION.yml +1 -1
- data/examples/blueprint_default/index.html.haml +3 -3
- data/examples/blueprint_default/parts/forms.html.haml +0 -2
- data/examples/blueprint_default/src/screen.sass +1 -1
- data/examples/blueprint_plugins/index.html.haml +6 -6
- data/examples/blueprint_plugins/src/buttons.sass +2 -2
- data/examples/blueprint_plugins/src/link_icons.sass +1 -1
- data/examples/blueprint_plugins/src/rtl_screen.sass +3 -3
- data/examples/blueprint_plugins/src/screen.sass +2 -2
- data/examples/blueprint_semantic/src/liquid.sass +4 -4
- data/examples/blueprint_semantic/src/screen.sass +3 -3
- data/examples/compass/src/utilities.sass +2 -2
- data/examples/downloader.rb +2 -2
- data/lib/compass/app_integration.rb +0 -21
- data/lib/compass/app_integration/rails.rb +0 -18
- data/lib/compass/app_integration/rails/configuration_defaults.rb +0 -16
- data/lib/compass/app_integration/rails/installer.rb +6 -6
- data/lib/compass/app_integration/stand_alone.rb +1 -20
- data/lib/compass/app_integration/stand_alone/configuration_defaults.rb +1 -5
- data/lib/compass/app_integration/stand_alone/installer.rb +17 -29
- data/lib/compass/commands.rb +2 -2
- data/lib/compass/commands/create_project.rb +1 -10
- data/lib/compass/commands/generate_grid_background.rb +1 -1
- data/lib/compass/commands/help.rb +7 -34
- data/lib/compass/commands/installer_command.rb +11 -15
- data/lib/compass/commands/project_base.rb +2 -2
- data/lib/compass/commands/update_project.rb +1 -51
- data/lib/compass/commands/validate_project.rb +3 -59
- data/lib/compass/commands/watch_project.rb +2 -4
- data/lib/compass/commands/write_configuration.rb +3 -84
- data/lib/compass/compiler.rb +4 -13
- data/lib/compass/configuration.rb +18 -23
- data/lib/compass/configuration/adapters.rb +1 -1
- data/lib/compass/configuration/data.rb +2 -5
- data/lib/compass/configuration/defaults.rb +1 -32
- data/lib/compass/configuration/helpers.rb +10 -47
- data/lib/compass/configuration/inheritance.rb +1 -1
- data/lib/compass/configuration/serialization.rb +2 -2
- data/lib/compass/errors.rb +1 -4
- data/lib/compass/exec.rb +0 -1
- data/lib/compass/exec/project_options_parser.rb +0 -4
- data/lib/compass/frameworks.rb +1 -40
- data/lib/compass/frameworks/blueprint/stylesheets/_blueprint.sass +1 -29
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_ie.sass +2 -2
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_print.sass +4 -1
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_reset.sass +2 -57
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_screen.sass +29 -2
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_buttons.sass +84 -2
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_colors.sass +33 -2
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_debug.sass +9 -2
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass +82 -2
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass +55 -2
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass +178 -2
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_interaction.sass +58 -2
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_link_icons.sass +44 -2
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_liquid.sass +140 -2
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_reset.sass +56 -2
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_rtl.sass +122 -2
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_scaffolding.sass +47 -2
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass +160 -2
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_utilities.sass +37 -2
- data/lib/compass/frameworks/blueprint/templates/buttons/buttons.sass +2 -2
- data/lib/compass/frameworks/blueprint/templates/buttons/manifest.rb +0 -12
- data/lib/compass/frameworks/blueprint/templates/link_icons/link_icons.sass +1 -1
- data/lib/compass/frameworks/blueprint/templates/link_icons/manifest.rb +0 -13
- data/lib/compass/frameworks/blueprint/templates/project/manifest.rb +0 -24
- data/lib/compass/frameworks/blueprint/templates/project/screen.sass +7 -1
- data/lib/compass/frameworks/blueprint/templates/project/welcome.html.haml +1 -9
- data/lib/compass/frameworks/compass/stylesheets/_compass.sass +1 -2
- data/lib/compass/frameworks/compass/stylesheets/compass/_utilities.sass +1 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/_css3.sass +6 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/{css3 → utilities/css3}/_border_radius.sass +0 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/css3/_box_shadow.sass +12 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/{css3 → utilities/css3}/_box_sizing.sass +0 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/{css3 → utilities/css3}/_columns.sass +0 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/{css3 → utilities/css3}/_inline_block.sass +0 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/{css3 → utilities/css3}/_opacity.sass +0 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_reset.sass +2 -2
- data/lib/compass/frameworks/compass/templates/ellipsis/manifest.rb +1 -26
- data/lib/compass/frameworks/compass/templates/extension/manifest.rb +2 -16
- data/lib/compass/frameworks/compass/templates/project/manifest.rb +0 -1
- data/lib/compass/grid_builder.rb +1 -1
- data/lib/compass/installers.rb +1 -1
- data/lib/compass/installers/base.rb +52 -13
- data/lib/compass/installers/manifest.rb +1 -33
- data/lib/compass/logger.rb +2 -28
- data/lib/compass/sass_extensions/functions.rb +1 -3
- data/lib/compass/sass_extensions/functions/enumerate.rb +2 -2
- data/lib/compass/sass_extensions/functions/inline_image.rb +1 -22
- data/lib/compass/sass_extensions/functions/urls.rb +0 -20
- data/lib/compass/sass_extensions/monkey_patches.rb +2 -2
- data/lib/compass/validator.rb +3 -2
- data/lib/vendor/fssm.rb +6 -19
- data/lib/vendor/fssm/backends/fsevents.rb +60 -19
- data/lib/vendor/fssm/backends/polling.rb +18 -20
- data/lib/vendor/fssm/ext.rb +0 -30
- data/lib/vendor/fssm/monitor.rb +6 -10
- data/lib/vendor/fssm/path.rb +21 -24
- data/lib/vendor/fssm/state.rb +29 -37
- data/lib/vendor/fssm/support.rb +7 -3
- data/test/command_line_helper.rb +4 -12
- data/test/command_line_test.rb +2 -2
- data/test/compass_test.rb +4 -14
- data/test/configuration_test.rb +5 -5
- data/test/fixtures/stylesheets/blueprint/css/typography.css +3 -5
- data/test/fixtures/stylesheets/blueprint/sass/screen.sass +1 -1
- data/test/fixtures/stylesheets/blueprint/sass/typography.sass +2 -2
- data/test/fixtures/stylesheets/compass/css/print.css +8 -2
- data/test/fixtures/stylesheets/compass/css/reset.css +1 -1
- data/test/fixtures/stylesheets/image_urls/css/screen.css +0 -2
- data/test/io_helper.rb +1 -18
- data/test/rails_integration_test.rb +41 -3
- data/test/sass_extensions_test.rb +2 -2
- data/test/test_helper.rb +0 -1
- metadata +9 -124
- data/examples/compass/bootstrap.rb +0 -3
- data/examples/compass/extensions/yui/stylesheets/_yui.sass +0 -7
- data/examples/compass/extensions/yui/stylesheets/yui/modules/_base.sass +0 -70
- data/examples/compass/extensions/yui/stylesheets/yui/modules/_fonts.sass +0 -45
- data/examples/compass/extensions/yui/stylesheets/yui/modules/_grids.sass +0 -385
- data/examples/compass/extensions/yui/stylesheets/yui/modules/_reset.sass +0 -61
- data/examples/compass/extensions/yui/templates/project/manifest.rb +0 -1
- data/examples/compass/extensions/yui/templates/project/screen.sass +0 -4
- data/examples/css3/config.rb +0 -6
- data/examples/css3/extensions/fancy-fonts/templates/project/Vtks Revolt.ttf +0 -0
- data/examples/css3/extensions/fancy-fonts/templates/project/angelina.ttf +0 -0
- data/examples/css3/extensions/fancy-fonts/templates/project/fancy-fonts.sass +0 -7
- data/examples/css3/extensions/fancy-fonts/templates/project/manifest.rb +0 -5
- data/examples/css3/images/fresh-peas.jpg +0 -0
- data/examples/css3/index.html.haml +0 -55
- data/examples/css3/src/_base.sass +0 -14
- data/examples/css3/src/fancy-fonts.sass +0 -7
- data/examples/css3/src/gradient.sass +0 -10
- data/examples/css3/src/main.sass +0 -80
- data/examples/css3/stylesheets/fonts/Vtks Revolt.ttf +0 -0
- data/examples/css3/stylesheets/fonts/angelina.ttf +0 -0
- data/examples/susy/bootstrap.rb +0 -3
- data/examples/susy/config.rb +0 -9
- data/examples/susy/extensions/susy/LICENSE.txt +0 -28
- data/examples/susy/extensions/susy/README.mkdn +0 -235
- data/examples/susy/extensions/susy/compass-susy-plugin.gemspec +0 -35
- data/examples/susy/extensions/susy/docs/tutorial/build.sh +0 -141
- data/examples/susy/extensions/susy/docs/tutorial/code/01_target/src/_defaults.sass +0 -100
- data/examples/susy/extensions/susy/docs/tutorial/code/01_target/src/screen.sass +0 -98
- data/examples/susy/extensions/susy/docs/tutorial/code/02_container/src/_defaults.sass +0 -147
- data/examples/susy/extensions/susy/docs/tutorial/code/02_container/src/screen.sass +0 -19
- data/examples/susy/extensions/susy/docs/tutorial/code/03_structure/src/_defaults.sass +0 -147
- data/examples/susy/extensions/susy/docs/tutorial/code/03_structure/src/screen.sass +0 -48
- data/examples/susy/extensions/susy/docs/tutorial/code/_common/config.rb +0 -14
- data/examples/susy/extensions/susy/docs/tutorial/code/_common/images/grid.png +0 -0
- data/examples/susy/extensions/susy/docs/tutorial/code/_common/images/susy_logo.png +0 -0
- data/examples/susy/extensions/susy/docs/tutorial/code/_common/src/_base.sass +0 -63
- data/examples/susy/extensions/susy/docs/tutorial/code/_tools/Markdown.pl +0 -1450
- data/examples/susy/extensions/susy/docs/tutorial/code/site/src/_defaults.sass +0 -100
- data/examples/susy/extensions/susy/docs/tutorial/code/site/src/screen.sass +0 -91
- data/examples/susy/extensions/susy/docs/tutorial/figures/susy_element.png +0 -0
- data/examples/susy/extensions/susy/docs/tutorial/figures/susy_grid.png +0 -0
- data/examples/susy/extensions/susy/docs/tutorial/index.mkdn +0 -301
- data/examples/susy/extensions/susy/lib/susy.rb +0 -2
- data/examples/susy/extensions/susy/lib/susy/compass_plugin.rb +0 -5
- data/examples/susy/extensions/susy/lib/susy/sass_extensions.rb +0 -79
- data/examples/susy/extensions/susy/sass/susy/_grid.sass +0 -128
- data/examples/susy/extensions/susy/sass/susy/_reset.sass +0 -7
- data/examples/susy/extensions/susy/sass/susy/_susy.sass +0 -23
- data/examples/susy/extensions/susy/sass/susy/_text.sass +0 -15
- data/examples/susy/extensions/susy/sass/susy/_utils.sass +0 -81
- data/examples/susy/extensions/susy/templates/project/_base.sass +0 -62
- data/examples/susy/extensions/susy/templates/project/_defaults.sass +0 -147
- data/examples/susy/extensions/susy/templates/project/ie.sass +0 -9
- data/examples/susy/extensions/susy/templates/project/manifest.rb +0 -5
- data/examples/susy/extensions/susy/templates/project/print.sass +0 -7
- data/examples/susy/extensions/susy/templates/project/screen.sass +0 -44
- data/examples/susy/src/_base.sass +0 -62
- data/examples/susy/src/_defaults.sass +0 -148
- data/examples/susy/src/screen.sass +0 -114
- data/features/command_line.feature +0 -226
- data/features/extensions.feature +0 -20
- data/features/step_definitions/command_line_steps.rb +0 -223
- data/features/step_definitions/extension_steps.rb +0 -13
- data/lib/compass/commands/interactive.rb +0 -61
- data/lib/compass/commands/project_stats.rb +0 -162
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_buttons.sass +0 -84
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_colors.sass +0 -33
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_debug.sass +0 -9
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_fancy_type.sass +0 -82
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_form.sass +0 -56
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_grid.sass +0 -179
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_interaction.sass +0 -58
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_link_icons.sass +0 -44
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_liquid.sass +0 -141
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_rtl.sass +0 -123
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_scaffolding.sass +0 -49
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass +0 -162
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_utilities.sass +0 -37
- data/lib/compass/frameworks/compass/stylesheets/compass/_css3.sass +0 -14
- data/lib/compass/frameworks/compass/stylesheets/compass/css3/_background_clip.sass +0 -16
- data/lib/compass/frameworks/compass/stylesheets/compass/css3/_background_origin.sass +0 -18
- data/lib/compass/frameworks/compass/stylesheets/compass/css3/_background_size.sass +0 -14
- data/lib/compass/frameworks/compass/stylesheets/compass/css3/_box_shadow.sass +0 -20
- data/lib/compass/frameworks/compass/stylesheets/compass/css3/_font_face.sass +0 -31
- data/lib/compass/frameworks/compass/stylesheets/compass/css3/_gradient.sass +0 -40
- data/lib/compass/frameworks/compass/stylesheets/compass/css3/_text_shadow.sass +0 -15
- data/lib/compass/frameworks/compass/stylesheets/compass/css3/_transform.sass +0 -60
- data/lib/compass/frameworks/compass/stylesheets/compass/css3/_transition.sass +0 -57
- data/lib/compass/frameworks/compass/templates/project/USAGE.markdown +0 -32
- data/lib/compass/installers/bare_installer.rb +0 -58
- data/lib/compass/installers/manifest_installer.rb +0 -59
- data/lib/compass/sass_extensions/functions/color_stop.rb +0 -10
- data/lib/compass/sass_extensions/functions/font_files.rb +0 -11
- data/lib/compass/sass_extensions/monkey_patches/traversal.rb +0 -23
- data/lib/compass/stats.rb +0 -92
- data/lib/vendor/fssm/cache.rb +0 -193
- data/lib/vendor/fssm/fsevents.rb +0 -129
- data/lib/vendor/fssm/tree.rb +0 -176
- data/test/fixtures/stylesheets/relative/assets/images/testing.png +0 -0
- data/test/fixtures/stylesheets/relative/config.rb +0 -9
- data/test/fixtures/stylesheets/relative/css/ie.css +0 -1
- data/test/fixtures/stylesheets/relative/css/print.css +0 -1
- data/test/fixtures/stylesheets/relative/css/screen.css +0 -1
- data/test/fixtures/stylesheets/relative/sass/ie.sass +0 -6
- data/test/fixtures/stylesheets/relative/sass/print.sass +0 -6
- data/test/fixtures/stylesheets/relative/sass/screen.sass +0 -3
- data/test/rails_helper.rb +0 -40
@@ -1,37 +0,0 @@
|
|
1
|
-
@import compass/utilities/text/nowrap.sass
|
2
|
-
@import compass/utilities/general/float.sass
|
3
|
-
|
4
|
-
// Most of these utility classes are not "semantic". If you use them,
|
5
|
-
// you are mixing your content and presentation. For shame!
|
6
|
-
|
7
|
-
=blueprint-utilities
|
8
|
-
// Regular clearing apply to column that should drop below previous ones.
|
9
|
-
.clear
|
10
|
-
clear: both
|
11
|
-
// turn off text wrapping for the element.
|
12
|
-
.nowrap
|
13
|
-
+nowrap
|
14
|
-
// Apply to an element that has floated children to make the bottom
|
15
|
-
// of the element fall _below_ the floated children.
|
16
|
-
.clearfix
|
17
|
-
+clearfix
|
18
|
-
.small
|
19
|
-
font-size: .8em
|
20
|
-
margin-bottom: 1.875em
|
21
|
-
line-height: 1.875em
|
22
|
-
.large
|
23
|
-
font-size: 1.2em
|
24
|
-
line-height: 2.5em
|
25
|
-
margin-bottom: 1.25em
|
26
|
-
.first
|
27
|
-
margin-left: 0
|
28
|
-
padding-left: 0
|
29
|
-
.last
|
30
|
-
margin-right: 0
|
31
|
-
padding-right: 0
|
32
|
-
.top
|
33
|
-
margin-top: 0
|
34
|
-
padding-top: 0
|
35
|
-
.bottom
|
36
|
-
margin-bottom: 0
|
37
|
-
padding-bottom: 0
|
@@ -1,14 +0,0 @@
|
|
1
|
-
@import css3/border_radius.sass
|
2
|
-
@import css3/inline_block.sass
|
3
|
-
@import css3/opacity.sass
|
4
|
-
@import css3/box_shadow.sass
|
5
|
-
@import css3/text_shadow.sass
|
6
|
-
@import css3/columns.sass
|
7
|
-
@import css3/box_sizing.sass
|
8
|
-
@import css3/gradient.sass
|
9
|
-
@import css3/background_clip.sass
|
10
|
-
@import css3/background_origin.sass
|
11
|
-
@import css3/background_size.sass
|
12
|
-
@import css3/font_face.sass
|
13
|
-
@import css3/transform.sass
|
14
|
-
@import css3/transition.sass
|
@@ -1,16 +0,0 @@
|
|
1
|
-
// Background Clip
|
2
|
-
// clip the background (image and color) at the edge of the padding or border
|
3
|
-
// - [padding-box | border-box]
|
4
|
-
// - browser defaults to border-box, mixin defaults to padding-box
|
5
|
-
|
6
|
-
// override constants to change defaults
|
7
|
-
!default_background_clip ||= "padding-box"
|
8
|
-
|
9
|
-
=background-clip(!clip = !default_background_clip)
|
10
|
-
// webkit and mozilla use the deprecated short [border | padding | content]
|
11
|
-
!deprecated= "padding"
|
12
|
-
@if !clip == "border-box"
|
13
|
-
!deprecated= "border"
|
14
|
-
background-clip= !clip
|
15
|
-
-webkit-background-clip= !deprecated
|
16
|
-
-moz-background-clip= !deprecated
|
@@ -1,18 +0,0 @@
|
|
1
|
-
// Background Origin
|
2
|
-
// position the background off the edge of the padding, border or content
|
3
|
-
// - [padding-box | border-box | content-box]
|
4
|
-
// - browser defaults to padding-box, mixin defaults to content-box
|
5
|
-
|
6
|
-
// override constants to change defaults
|
7
|
-
!default_background_origin ||= "content-box"
|
8
|
-
|
9
|
-
=background-origin(!origin = !default_background_origin)
|
10
|
-
// webkit and mozilla use the deprecated short [border | padding | content]
|
11
|
-
!deprecated= "padding"
|
12
|
-
@if !origin == "border-box"
|
13
|
-
!deprecated= "border"
|
14
|
-
@if !origin == "content-box"
|
15
|
-
!deprecated= "content"
|
16
|
-
background-origin= !origin
|
17
|
-
-webkit-background-origin= !deprecated
|
18
|
-
-moz-background-origin= !deprecated
|
@@ -1,14 +0,0 @@
|
|
1
|
-
// Background Size
|
2
|
-
// Set the size of background images using px, width and height, or percentages
|
3
|
-
// - percentages are relative to the background-origin (default = padding-box)
|
4
|
-
// - mixin defaults to "100% auto"
|
5
|
-
|
6
|
-
// override constants to change defaults
|
7
|
-
!default_background_size ||= 100% "auto"
|
8
|
-
|
9
|
-
=background-size(!size = !default_background_size)
|
10
|
-
background-size= !size
|
11
|
-
-webkit-background-size= !size
|
12
|
-
-o-background-size= !size
|
13
|
-
-khtml-background-size= !size
|
14
|
-
-moz-background-size= !size
|
@@ -1,20 +0,0 @@
|
|
1
|
-
//**
|
2
|
-
Provides cross-browser css box shadows for Webkit, Gecko, and CSS3 standard
|
3
|
-
arguments are color, horizontal offset, vertical offset, and blur
|
4
|
-
|
5
|
-
//**
|
6
|
-
These defaults make the arguments optional for this mixin
|
7
|
-
If you like, set different defaults in your project
|
8
|
-
|
9
|
-
!default_box_shadow_color ||= #333
|
10
|
-
!default_box_shadow_h_offset ||= 1px
|
11
|
-
!default_box_shadow_v_offset ||= 1px
|
12
|
-
!default_box_shadow_blur ||= 5px
|
13
|
-
|
14
|
-
=box-shadow(!color = !default_box_shadow_color, !hoff = !default_box_shadow_h_offset, !voff = !default_box_shadow_v_offset, !blur = !default_box_shadow_blur)
|
15
|
-
/* Webkit (Safari, Chrome) */
|
16
|
-
-webkit-box-shadow= !color !hoff !voff !blur
|
17
|
-
/* Gecko (Firefox, Camino) */
|
18
|
-
-moz-box-shadow= !color !hoff !voff !blur
|
19
|
-
/* CSS3 */
|
20
|
-
box-shadow= !color !hoff !voff !blur
|
@@ -1,31 +0,0 @@
|
|
1
|
-
// @Font-Face
|
2
|
-
// Cross-browser support for @font-face
|
3
|
-
// - !name is required, arbitrary, and what you will use in font stacks.
|
4
|
-
// - !font_files is required using font_files('relative_location', 'format').
|
5
|
-
// - for best results use this order: woff, opentype/truetype, svg
|
6
|
-
// - !eot is required by IE, and is a relative location of the eot file.
|
7
|
-
// - postscript name is required by some browsers to look for local fonts.
|
8
|
-
=font-face( !name, !font_files, !eot = false, !postscript = false, !style = false)
|
9
|
-
@font-face
|
10
|
-
font-family: '#{!name}'
|
11
|
-
@if !style
|
12
|
-
font-style= !style
|
13
|
-
@if !eot
|
14
|
-
src= stylesheet_url(!eot)
|
15
|
-
@if !postscript
|
16
|
-
src: local('#{!name}'), local('#{!postscript}'), #{!font_files}
|
17
|
-
@else
|
18
|
-
src: local('#{!name}'), #{!font_files}
|
19
|
-
|
20
|
-
// EXAMPLE
|
21
|
-
+font-face("this name", font-files("this.woff", "woff", "this.otf", "opentype"), "fonts/this.eot", "thisname")
|
22
|
-
|
23
|
-
will generate:
|
24
|
-
|
25
|
-
@font-face {
|
26
|
-
font-family: 'this name';
|
27
|
-
src: url('fonts/this.eot');
|
28
|
-
src: local('this name'), local('thisname'),
|
29
|
-
url('this.otf') format('woff'),
|
30
|
-
url('this.woff') format('opentype');
|
31
|
-
}
|
@@ -1,40 +0,0 @@
|
|
1
|
-
=gradient(!type, !coords, !color_start, !color_end, !color_stop = false)
|
2
|
-
!gradient= "#{!coords}, from(#{!color_start}), to(#{!color_end})"
|
3
|
-
@if !color_stop
|
4
|
-
!gradient= !gradient + ", " + !color_stop
|
5
|
-
background: -webkit-gradient(#{!type}, #{!gradient})
|
6
|
-
background: -moz-#{!type}-gradient(#{!gradient})
|
7
|
-
|
8
|
-
//*
|
9
|
-
// This will yeild a radial gradient with an apparent specular highlight
|
10
|
-
+radial-gradient("45 45, 10, 52 50, 30", Cyan, DodgerBlue)
|
11
|
-
|
12
|
-
=radial-gradient(!coords, !color1, !color2, !color_stop = false)
|
13
|
-
+gradient("radial", !coords, !color1, !color2, !color_stop)
|
14
|
-
|
15
|
-
//*
|
16
|
-
// This yields a linear gradient spanning from !start to !end coordinates
|
17
|
-
+linear-gradient("left top", "left bottom", #fff, #ddd)
|
18
|
-
|
19
|
-
=linear-gradient(!start, !end, !color1, !color2, !color_stop = false)
|
20
|
-
!coords = !start + ", " + !end
|
21
|
-
+gradient("linear", !coords, !color1, !color2, !color_stop)
|
22
|
-
|
23
|
-
//*
|
24
|
-
// This yields a gradient starting at the top with #fff, ending in #aaa
|
25
|
-
+v-gradient(#fff, #aaa)
|
26
|
-
// Same as above but with a #ccc at the halfway point
|
27
|
-
+v-gradient(#fff, #aaa, color_stop(50%, #ccc))
|
28
|
-
// Same as the first example but with #ccc at the 30% from the top, and #bbb at 70% from the top
|
29
|
-
+v-gradient(#fff, #aaa, color_stop(30%, #ccc, 70%, #bbb))
|
30
|
-
|
31
|
-
=v-gradient(!color1, !color2, !color_stop = false)
|
32
|
-
+linear-gradient("left top", "left bottom", !color1, !color2, !color_stop)
|
33
|
-
|
34
|
-
//*
|
35
|
-
// This yields a horizontal linear gradient spanning from left to right
|
36
|
-
// It can be used just like v-gradient above
|
37
|
-
h-gradient(#fff, #ddd)
|
38
|
-
|
39
|
-
=h-gradient(!color1, !color2, !color_stop = false)
|
40
|
-
+linear-gradient("left top", "right top", !color1, !color2, !color_stop)
|
@@ -1,15 +0,0 @@
|
|
1
|
-
//**
|
2
|
-
Provides css text shadows
|
3
|
-
arguments are color, horizontal offset, vertical offset, and blur
|
4
|
-
|
5
|
-
//**
|
6
|
-
These defaults make the arguments optional for this mixin
|
7
|
-
If you like, set different defaults in your project
|
8
|
-
|
9
|
-
!default_text_shadow_color ||= #aaa
|
10
|
-
!default_text_shadow_h_offset ||= 1px
|
11
|
-
!default_text_shadow_v_offset ||= 1px
|
12
|
-
!default_text_shadow_blur ||= 1px
|
13
|
-
|
14
|
-
=text-shadow(!color = !default_text_shadow_color, !hoff = !default_text_shadow_h_offset, !voff = !default_text_shadow_v_offset, !blur = !default_text_shadow_blur)
|
15
|
-
text-shadow= !color !hoff !voff !blur
|
@@ -1,60 +0,0 @@
|
|
1
|
-
// CSS Transform and Transform-Origin
|
2
|
-
|
3
|
-
// Apply a transform sent as a complete string
|
4
|
-
=apply_transform(!transform = false)
|
5
|
-
transform= !transform
|
6
|
-
-webkit-transform= !transform
|
7
|
-
-moz-transform= !transform
|
8
|
-
|
9
|
-
// Apply a transform-origin sent as a complete string
|
10
|
-
=apply_origin(!origin = false)
|
11
|
-
transform-origin= !origin
|
12
|
-
-webkit-transform-origin= !origin
|
13
|
-
-moz-transform-origin= !origin
|
14
|
-
|
15
|
-
// transform-origin requires x and y coordinates
|
16
|
-
// - only applies the coordinates if they are there
|
17
|
-
// so that it can be called by scale, rotate and skew safely
|
18
|
-
=transform-origin(!originx = 50%, !originy = 50%)
|
19
|
-
!origin = false
|
20
|
-
@if !originx
|
21
|
-
!origin = "#{!originx}"
|
22
|
-
@if !originy
|
23
|
-
!origin = !origin + "#{!originy}"
|
24
|
-
@if !origin
|
25
|
-
+apply_origin(!origin)
|
26
|
-
|
27
|
-
// A full transform mixin with everything you could want
|
28
|
-
// - including origin adjustments if you want them
|
29
|
-
// - scale, rotate and skew don't require units
|
30
|
-
// scale takes a multiplier, rotate and skew take degrees
|
31
|
-
=transform(!scale = 1, !rotate = 0, !transx = 0, !transy = 0, !skewx = 0, !skewy = 0, !originx = false, !originy = false)
|
32
|
-
!transform = "scale(#{!scale}) rotate(#{!rotate}deg) translate(#{!transx}, #{!transy}) skew(#{!skewx}deg, #{!skewy}deg)"
|
33
|
-
+apply_transform(!transform)
|
34
|
-
+transform-origin(!originx, !originy)
|
35
|
-
|
36
|
-
// Transform Partials
|
37
|
-
// These work well on their own, but they don't add to each other, they override
|
38
|
-
// Use them with extra origin args, or along side +transform-origin
|
39
|
-
|
40
|
-
// adjust only the scale
|
41
|
-
// - with optional origin coordinates
|
42
|
-
=scale(!scale = 1.25, !originx = false, !originy = false)
|
43
|
-
+apply_transform("scale(#{!scale})")
|
44
|
-
+transform-origin(!originx, !originy)
|
45
|
-
|
46
|
-
// adjust only the rotation
|
47
|
-
// - with optional origin coordinates
|
48
|
-
=rotate(!rotate = 45, !originx = false, !originy = false)
|
49
|
-
+apply_transform("rotate(#{!rotate}deg)")
|
50
|
-
+transform-origin(!originx, !originy)
|
51
|
-
|
52
|
-
// adjust only the translation
|
53
|
-
=translate(!transx = 0, !transy = 0)
|
54
|
-
+apply_transform("translate(#{!transx}, #{!transy})")
|
55
|
-
|
56
|
-
// adjust only the skew
|
57
|
-
// - with optional origin coordinates
|
58
|
-
=skew(!skewx = 0, !skewy = 0, !originx = false, !originy = false)
|
59
|
-
+apply_transform("skew(#{!skewx}deg, #{!skewy}deg)")
|
60
|
-
+transform-origin(!originx, !originy)
|
@@ -1,57 +0,0 @@
|
|
1
|
-
// CSS Transitions
|
2
|
-
// Currently only works in Webkit
|
3
|
-
// - expected in CSS3, FireFox 3.6/7 and Opera Presto 2.3
|
4
|
-
// - we'll be prepared.
|
5
|
-
|
6
|
-
// Override these defaults with your own, if you like
|
7
|
-
// - timing-function and delay are set to false for browser defaults (ease, 0s)
|
8
|
-
!default_transition_property ||= "all"
|
9
|
-
!default_transition_duration ||= 1s
|
10
|
-
!default_transition_function ||= false
|
11
|
-
!default_transition_delay ||= false
|
12
|
-
|
13
|
-
// One or more properties to transition
|
14
|
-
// - for multiple, use a comma-delimited list
|
15
|
-
// - also accepts "all" or "none"
|
16
|
-
=transition-property(!properties = !default_transition_property)
|
17
|
-
transition-property = !properties
|
18
|
-
-webkit-transition-property = !properties
|
19
|
-
-moz-transition-property = !properties
|
20
|
-
-o-transition-property = !properties
|
21
|
-
|
22
|
-
// One or more durrations in seconds
|
23
|
-
// - for multiple, use a comma-delimited list
|
24
|
-
// - these durrations will effect the properties in the same list position
|
25
|
-
=transition-duration(!duration = !default_transition_duration)
|
26
|
-
transition-duration = !duration
|
27
|
-
-webkit-transition-duration = !duration
|
28
|
-
-moz-transition-duration = !duration
|
29
|
-
-o-transition-duration = !duration
|
30
|
-
|
31
|
-
// One or more timing functions
|
32
|
-
// - [ ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(x1, y1, x2, y2)]
|
33
|
-
// - for multiple, use a comma-delimited list
|
34
|
-
// - these functions will effect the properties in the same list position
|
35
|
-
=transition-timing-function(!function = !default_transition_function)
|
36
|
-
transition-timing-function = !function
|
37
|
-
-webkit-transition-timing-function = !function
|
38
|
-
-moz-transition-timing-function = !function
|
39
|
-
-o-transition-timing-function = !function
|
40
|
-
|
41
|
-
// One or more transition-delays in seconds
|
42
|
-
// - for multiple, use a comma-delimited list
|
43
|
-
// - these delays will effect the properties in the same list position
|
44
|
-
=transition-delay(!delay = !default_transition_delay)
|
45
|
-
transition-delay = !delay
|
46
|
-
-webkit-transition-delay = !delay
|
47
|
-
-moz-transition-delay = !delay
|
48
|
-
-o-transition-delay = !delay
|
49
|
-
|
50
|
-
// Transition all-in-one shorthand
|
51
|
-
=transition(!properties = !default_transition_property, !duration = !default_transition_duration, !function = !default_transition_function, !delay = !default_transition_delay)
|
52
|
-
+transition-property(!properties)
|
53
|
-
+transition-duration(!duration)
|
54
|
-
@if !function
|
55
|
-
+transition-timing-function(!function)
|
56
|
-
@if !delay
|
57
|
-
+transition-delay(!delay)
|
@@ -1,32 +0,0 @@
|
|
1
|
-
When no framework is specified, a new compass project is set up with three stylesheets:
|
2
|
-
|
3
|
-
* screen.sass
|
4
|
-
* print.sass
|
5
|
-
* ie.sass
|
6
|
-
|
7
|
-
It is expected that you will link your html to these like so:
|
8
|
-
|
9
|
-
<head>
|
10
|
-
<link href="/stylesheets/screen.css" media="screen, projection"
|
11
|
-
rel="stylesheet" type="text/css" />
|
12
|
-
<link href="/stylesheets/print.css" media="print"
|
13
|
-
rel="stylesheet" type="text/css" />
|
14
|
-
<!--[if IE]>
|
15
|
-
<link href="/stylesheets/ie.css" media="screen, projection"
|
16
|
-
rel="stylesheet" type="text/css" />
|
17
|
-
<![endif]-->
|
18
|
-
</head>
|
19
|
-
|
20
|
-
You don't have to use these three stylesheets, they are just a recommendation.
|
21
|
-
You can rename them, make new stylesheets, and delete them. Compass will
|
22
|
-
happily compile whatever sass files you place into your project.
|
23
|
-
|
24
|
-
Any folders you create in your source directory with sass files in them will be folders
|
25
|
-
that get created with css files in them when compiled.
|
26
|
-
|
27
|
-
Sass files beginning with an underscore are called partials, they are not directly
|
28
|
-
compiled to their own css file. You can use these partials by importing them
|
29
|
-
into other stylesheets. This is useful for keeping your stylesheets small and manageable
|
30
|
-
and single-focused. It is common to create a file called _base.sass at the top level
|
31
|
-
of your stylesheets and to import this to set up project-wide constants and mixins.
|
32
|
-
|
@@ -1,58 +0,0 @@
|
|
1
|
-
module Compass
|
2
|
-
module Installers
|
3
|
-
|
4
|
-
class BareInstaller < Base
|
5
|
-
def completed_configuration
|
6
|
-
nil
|
7
|
-
end
|
8
|
-
|
9
|
-
def init
|
10
|
-
directory targetize("")
|
11
|
-
directory targetize(Compass.configuration.sass_dir)
|
12
|
-
end
|
13
|
-
|
14
|
-
def prepare
|
15
|
-
end
|
16
|
-
|
17
|
-
def install
|
18
|
-
config_file ||= targetize('config.rb')
|
19
|
-
write_file config_file, config_contents
|
20
|
-
end
|
21
|
-
|
22
|
-
def config_contents
|
23
|
-
project_path, Compass.configuration.project_path = Compass.configuration.project_path, nil
|
24
|
-
Compass.configuration.serialize
|
25
|
-
ensure
|
26
|
-
Compass.configuration.project_path = project_path
|
27
|
-
end
|
28
|
-
|
29
|
-
def finalize(options = {})
|
30
|
-
puts <<-NEXTSTEPS
|
31
|
-
|
32
|
-
*********************************************************************
|
33
|
-
Congratulations! Your compass project has been created.
|
34
|
-
|
35
|
-
You may now add sass stylesheets to the #{Compass.configuration.sass_dir} subdirectory of your project.
|
36
|
-
|
37
|
-
Sass files beginning with an underscore are called partials and won't be
|
38
|
-
compiled to CSS, but they can be imported into other sass stylesheets.
|
39
|
-
|
40
|
-
You can configure your project by editing the config.rb configuration file.
|
41
|
-
|
42
|
-
You must compile your sass stylesheets into CSS when they change.
|
43
|
-
This can be done in one of the following ways:
|
44
|
-
1. To compile on demand:
|
45
|
-
compass compile [path/to/project]
|
46
|
-
2. To monitor your project for changes and automatically recompile:
|
47
|
-
compass watch [path/to/project]
|
48
|
-
|
49
|
-
More Resources:
|
50
|
-
* Wiki: http://wiki.github.com/chriseppstein/compass
|
51
|
-
* Sass: http://sass-lang.com
|
52
|
-
* Community: http://groups.google.com/group/compass-users/
|
53
|
-
NEXTSTEPS
|
54
|
-
end
|
55
|
-
|
56
|
-
end
|
57
|
-
end
|
58
|
-
end
|
@@ -1,59 +0,0 @@
|
|
1
|
-
module Compass
|
2
|
-
module Installers
|
3
|
-
|
4
|
-
class ManifestInstaller < Base
|
5
|
-
|
6
|
-
attr_accessor :manifest
|
7
|
-
|
8
|
-
def initialize(template_path, target_path, options = {})
|
9
|
-
super
|
10
|
-
@manifest = Manifest.new(manifest_file, options) if template_path
|
11
|
-
end
|
12
|
-
|
13
|
-
def manifest_file
|
14
|
-
@manifest_file ||= File.join(template_path, "manifest.rb")
|
15
|
-
end
|
16
|
-
|
17
|
-
# Initializes the project to work with compass
|
18
|
-
def init
|
19
|
-
dirs = manifest.map do |entry|
|
20
|
-
loc = send("install_location_for_#{entry.type}", entry.to, entry.options)
|
21
|
-
File.dirname(loc)
|
22
|
-
end
|
23
|
-
|
24
|
-
if manifest.has_stylesheet?
|
25
|
-
dirs << sass_dir
|
26
|
-
dirs << css_dir
|
27
|
-
end
|
28
|
-
|
29
|
-
dirs.uniq.sort.each do |dir|
|
30
|
-
directory targetize(dir)
|
31
|
-
end
|
32
|
-
end
|
33
|
-
|
34
|
-
# The default install method. Calls install_<type> methods in the order specified by the manifest.
|
35
|
-
def install
|
36
|
-
manifest.each do |entry|
|
37
|
-
send("install_#{entry.type}", entry.from, entry.to, entry.options)
|
38
|
-
end
|
39
|
-
end
|
40
|
-
|
41
|
-
def stylesheet_links
|
42
|
-
html = "<head>\n"
|
43
|
-
manifest.each_stylesheet do |stylesheet|
|
44
|
-
# Skip partials.
|
45
|
-
next if File.basename(stylesheet.from)[0..0] == "_"
|
46
|
-
media = if stylesheet.options[:media]
|
47
|
-
%Q{ media="#{stylesheet.options[:media]}"}
|
48
|
-
end
|
49
|
-
ss_line = %Q{ <link href="#{http_stylesheets_path}/#{stylesheet.to.sub(/\.sass$/,'.css')}"#{media} rel="stylesheet" type="text/css" />}
|
50
|
-
if stylesheet.options[:condition]
|
51
|
-
ss_line = " <!--[if #{stylesheet.options[:condition]}]>\n #{ss_line}\n <![endif]-->"
|
52
|
-
end
|
53
|
-
html << ss_line + "\n"
|
54
|
-
end
|
55
|
-
html << "</head>"
|
56
|
-
end
|
57
|
-
end
|
58
|
-
end
|
59
|
-
end
|