alphasights-compass 0.8.12
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.markdown +528 -0
- data/LICENSE.markdown +29 -0
- data/README.markdown +44 -0
- data/REVISION +1 -0
- data/Rakefile +127 -0
- data/VERSION.yml +4 -0
- data/bin/compass +8 -0
- data/deps.rip +1 -0
- data/examples/README.markdown +4 -0
- data/examples/blueprint_default/config.rb +7 -0
- data/examples/blueprint_default/images/grid.png +0 -0
- data/examples/blueprint_default/index.html.haml +85 -0
- data/examples/blueprint_default/parts/elements.html.haml +282 -0
- data/examples/blueprint_default/parts/forms.html.haml +190 -0
- data/examples/blueprint_default/parts/grid.html.haml +274 -0
- data/examples/blueprint_default/parts/test-small.jpg +0 -0
- data/examples/blueprint_default/parts/test.jpg +0 -0
- data/examples/blueprint_default/parts/valid.png +0 -0
- data/examples/blueprint_default/src/ie.sass +3 -0
- data/examples/blueprint_default/src/images/grid.png +0 -0
- data/examples/blueprint_default/src/print.sass +3 -0
- data/examples/blueprint_default/src/screen.sass +8 -0
- data/examples/blueprint_plugins/config.rb +8 -0
- data/examples/blueprint_plugins/images/buttons/cross.png +0 -0
- data/examples/blueprint_plugins/images/buttons/key.png +0 -0
- data/examples/blueprint_plugins/images/buttons/tick.png +0 -0
- data/examples/blueprint_plugins/images/grid.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/doc.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/email.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/external.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/feed.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/im.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/pdf.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/visited.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/xls.png +0 -0
- data/examples/blueprint_plugins/images/test-small.jpg +0 -0
- data/examples/blueprint_plugins/images/test.jpg +0 -0
- data/examples/blueprint_plugins/images/valid.png +0 -0
- data/examples/blueprint_plugins/index.html.haml +96 -0
- data/examples/blueprint_plugins/plugins/buttons.html.haml +67 -0
- data/examples/blueprint_plugins/plugins/fancy_type.html.haml +100 -0
- data/examples/blueprint_plugins/plugins/link_icons.html.haml +61 -0
- data/examples/blueprint_plugins/plugins/rtl.html.haml +100 -0
- data/examples/blueprint_plugins/src/buttons.sass +49 -0
- data/examples/blueprint_plugins/src/ie.sass +3 -0
- data/examples/blueprint_plugins/src/images/grid.png +0 -0
- data/examples/blueprint_plugins/src/link_icons.sass +13 -0
- data/examples/blueprint_plugins/src/print.sass +3 -0
- data/examples/blueprint_plugins/src/rtl_screen.sass +13 -0
- data/examples/blueprint_plugins/src/screen.sass +11 -0
- data/examples/blueprint_scoped/images/grid.png +0 -0
- data/examples/blueprint_scoped/src/ie.sass +3 -0
- data/examples/blueprint_scoped/src/print.sass +3 -0
- data/examples/blueprint_scoped/src/screen.sass +4 -0
- data/examples/blueprint_scoped_form/images/grid.png +0 -0
- data/examples/blueprint_scoped_form/src/ie.sass +3 -0
- data/examples/blueprint_scoped_form/src/print.sass +3 -0
- data/examples/blueprint_scoped_form/src/screen.sass +10 -0
- data/examples/blueprint_semantic/config.rb +7 -0
- data/examples/blueprint_semantic/images/grid.png +0 -0
- data/examples/blueprint_semantic/index.html.haml +86 -0
- data/examples/blueprint_semantic/parts/fancy_type.html.haml +100 -0
- data/examples/blueprint_semantic/parts/liquid.html.haml +100 -0
- data/examples/blueprint_semantic/parts/test-small.jpg +0 -0
- data/examples/blueprint_semantic/parts/test.jpg +0 -0
- data/examples/blueprint_semantic/parts/valid.png +0 -0
- data/examples/blueprint_semantic/src/ie.sass +3 -0
- data/examples/blueprint_semantic/src/images/grid.png +0 -0
- data/examples/blueprint_semantic/src/liquid.sass +70 -0
- data/examples/blueprint_semantic/src/print.sass +3 -0
- data/examples/blueprint_semantic/src/screen.sass +71 -0
- data/examples/compass/compass.html.haml +39 -0
- data/examples/compass/config.rb +7 -0
- data/examples/compass/images/blue_arrow.gif +0 -0
- data/examples/compass/src/compass.sass +47 -0
- data/examples/compass/src/images/blue_arrow.gif +0 -0
- data/examples/compass/src/sticky_footer.sass +11 -0
- data/examples/compass/src/utilities.sass +108 -0
- data/examples/compass/sticky_footer.html.haml +14 -0
- data/examples/compass/utilities.html.haml +189 -0
- data/examples/logo/logo.html.haml +40 -0
- data/examples/logo/src/ie.sass +6 -0
- data/examples/logo/src/print.sass +6 -0
- data/examples/logo/src/screen.sass +29 -0
- data/examples/yui/divisions.html.haml +179 -0
- data/examples/yui/index.html.haml +19 -0
- data/examples/yui/src/screen.sass +13 -0
- data/examples/yui/sub_divisions.html.haml +169 -0
- data/examples/yui/templates.html.haml +54 -0
- data/examples/yui/test.jpg +0 -0
- data/examples/yui/typography.html.haml +132 -0
- data/frameworks/blueprint.rb +2 -0
- data/frameworks/blueprint/stylesheets/_blueprint.sass +3 -0
- data/frameworks/blueprint/stylesheets/blueprint/_ie.sass +93 -0
- data/frameworks/blueprint/stylesheets/blueprint/_print.sass +83 -0
- data/frameworks/blueprint/stylesheets/blueprint/_reset.sass +3 -0
- data/frameworks/blueprint/stylesheets/blueprint/_screen.sass +15 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_buttons.sass +84 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_colors.sass +33 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_debug.sass +9 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass +82 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass +55 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass +168 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_interaction.sass +58 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_link_icons.sass +44 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_liquid.sass +141 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_reset.sass +56 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_rtl.sass +104 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_scaffolding.sass +47 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass +155 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_utilities.sass +37 -0
- data/frameworks/blueprint/templates/buttons/buttons.sass +49 -0
- data/frameworks/blueprint/templates/buttons/buttons/cross.png +0 -0
- data/frameworks/blueprint/templates/buttons/buttons/key.png +0 -0
- data/frameworks/blueprint/templates/buttons/buttons/tick.png +0 -0
- data/frameworks/blueprint/templates/buttons/manifest.rb +5 -0
- data/frameworks/blueprint/templates/link_icons/link_icons.sass +13 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/doc.png +0 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/email.png +0 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/external.png +0 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/feed.png +0 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/im.png +0 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/pdf.png +0 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/visited.png +0 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/xls.png +0 -0
- data/frameworks/blueprint/templates/link_icons/manifest.rb +10 -0
- data/frameworks/blueprint/templates/project/grid.png +0 -0
- data/frameworks/blueprint/templates/project/ie.sass +15 -0
- data/frameworks/blueprint/templates/project/manifest.rb +6 -0
- data/frameworks/blueprint/templates/project/partials/_base.sass +11 -0
- data/frameworks/blueprint/templates/project/print.sass +3 -0
- data/frameworks/blueprint/templates/project/screen.sass +40 -0
- data/frameworks/compass.rb +2 -0
- data/frameworks/compass/stylesheets/_compass.sass +1 -0
- data/frameworks/compass/stylesheets/compass/_layout.sass +1 -0
- data/frameworks/compass/stylesheets/compass/_misc.sass +24 -0
- data/frameworks/compass/stylesheets/compass/_reset.sass +3 -0
- data/frameworks/compass/stylesheets/compass/_utilities.sass +6 -0
- data/frameworks/compass/stylesheets/compass/layout/_sticky_footer.sass +17 -0
- data/frameworks/compass/stylesheets/compass/utilities/_general.sass +6 -0
- data/frameworks/compass/stylesheets/compass/utilities/_links.sass +3 -0
- data/frameworks/compass/stylesheets/compass/utilities/_lists.sass +3 -0
- data/frameworks/compass/stylesheets/compass/utilities/_print.sass +24 -0
- data/frameworks/compass/stylesheets/compass/utilities/_sprites.sass +1 -0
- data/frameworks/compass/stylesheets/compass/utilities/_tables.sass +3 -0
- data/frameworks/compass/stylesheets/compass/utilities/_text.sass +2 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.sass +24 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_float.sass +17 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_hacks.sass +6 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_inline_block.sass +6 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_reset.sass +134 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_tabs.sass +0 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_tag_cloud.sass +19 -0
- data/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass +5 -0
- data/frameworks/compass/stylesheets/compass/utilities/links/_link_colors.sass +24 -0
- data/frameworks/compass/stylesheets/compass/utilities/links/_unstyled_link.sass +5 -0
- data/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.sass +21 -0
- data/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal_list.sass +52 -0
- data/frameworks/compass/stylesheets/compass/utilities/lists/_inline_list.sass +29 -0
- data/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite_img.sass +12 -0
- data/frameworks/compass/stylesheets/compass/utilities/tables/_alternating_rows_and_columns.sass +20 -0
- data/frameworks/compass/stylesheets/compass/utilities/tables/_borders.sass +27 -0
- data/frameworks/compass/stylesheets/compass/utilities/tables/_scaffolding.sass +9 -0
- data/frameworks/compass/stylesheets/compass/utilities/text/_ellipsis.sass +13 -0
- data/frameworks/compass/stylesheets/compass/utilities/text/_nowrap.sass +3 -0
- data/frameworks/compass/stylesheets/compass/utilities/text/_replacement.sass +17 -0
- data/frameworks/compass/templates/ellipsis/ellipsis.sass +6 -0
- data/frameworks/compass/templates/ellipsis/manifest.rb +2 -0
- data/frameworks/compass/templates/ellipsis/xml/ellipsis.xml +14 -0
- data/frameworks/compass/templates/project/ie.sass +6 -0
- data/frameworks/compass/templates/project/manifest.rb +3 -0
- data/frameworks/compass/templates/project/print.sass +6 -0
- data/frameworks/compass/templates/project/screen.sass +13 -0
- data/frameworks/yui.rb +2 -0
- data/frameworks/yui/stylesheets/_yui.sass +7 -0
- data/frameworks/yui/stylesheets/yui/modules/_base.sass +60 -0
- data/frameworks/yui/stylesheets/yui/modules/_fonts.sass +38 -0
- data/frameworks/yui/stylesheets/yui/modules/_grids.sass +341 -0
- data/frameworks/yui/stylesheets/yui/modules/_reset.sass +61 -0
- data/frameworks/yui/templates/project/manifest.rb +1 -0
- data/frameworks/yui/templates/project/screen.sass +4 -0
- data/lib/compass.rb +23 -0
- data/lib/compass/actions.rb +110 -0
- data/lib/compass/app_integration.rb +5 -0
- data/lib/compass/app_integration/merb.rb +43 -0
- data/lib/compass/app_integration/rails.rb +12 -0
- data/lib/compass/app_integration/rails/action_controller.rb +15 -0
- data/lib/compass/app_integration/rails/sass_plugin.rb +5 -0
- data/lib/compass/app_integration/rails/templates/compass-install-rails.rb +80 -0
- data/lib/compass/app_integration/rails/urls.rb +14 -0
- data/lib/compass/commands/base.rb +33 -0
- data/lib/compass/commands/create_project.rb +19 -0
- data/lib/compass/commands/generate_grid_background.rb +24 -0
- data/lib/compass/commands/installer_command.rb +31 -0
- data/lib/compass/commands/list_frameworks.rb +16 -0
- data/lib/compass/commands/print_version.rb +23 -0
- data/lib/compass/commands/project_base.rb +112 -0
- data/lib/compass/commands/stamp_pattern.rb +33 -0
- data/lib/compass/commands/update_project.rb +34 -0
- data/lib/compass/commands/validate_project.rb +21 -0
- data/lib/compass/commands/watch_project.rb +50 -0
- data/lib/compass/commands/write_configuration.rb +28 -0
- data/lib/compass/compiler.rb +54 -0
- data/lib/compass/configuration.rb +324 -0
- data/lib/compass/core_ext.rb +14 -0
- data/lib/compass/dependencies.rb +10 -0
- data/lib/compass/errors.rb +7 -0
- data/lib/compass/exec.rb +251 -0
- data/lib/compass/frameworks.rb +29 -0
- data/lib/compass/grid_builder.rb +72 -0
- data/lib/compass/installers.rb +5 -0
- data/lib/compass/installers/base.rb +158 -0
- data/lib/compass/installers/manifest.rb +58 -0
- data/lib/compass/installers/rails.rb +135 -0
- data/lib/compass/installers/stand_alone.rb +60 -0
- data/lib/compass/logger.rb +42 -0
- data/lib/compass/sass_extensions.rb +5 -0
- data/lib/compass/sass_extensions/functions.rb +19 -0
- data/lib/compass/sass_extensions/functions/display.rb +22 -0
- data/lib/compass/sass_extensions/functions/enumerate.rb +6 -0
- data/lib/compass/sass_extensions/functions/inline_image.rb +35 -0
- data/lib/compass/sass_extensions/functions/selectors.rb +39 -0
- data/lib/compass/sass_extensions/functions/urls.rb +105 -0
- data/lib/compass/sass_extensions/monkey_patches.rb +3 -0
- data/lib/compass/sass_extensions/monkey_patches/stylesheet_updating.rb +23 -0
- data/lib/compass/test_case.rb +38 -0
- data/lib/compass/validator.rb +10 -0
- data/lib/compass/version.rb +57 -0
- data/test/command_line_helper.rb +102 -0
- data/test/command_line_test.rb +66 -0
- data/test/compass_test.rb +141 -0
- data/test/configuration_test.rb +118 -0
- data/test/fixtures/stylesheets/blueprint/config.rb +9 -0
- data/test/fixtures/stylesheets/blueprint/css/typography.css +158 -0
- data/test/fixtures/stylesheets/blueprint/images/grid.png +0 -0
- data/test/fixtures/stylesheets/blueprint/sass/ie.sass +3 -0
- data/test/fixtures/stylesheets/blueprint/sass/print.sass +3 -0
- data/test/fixtures/stylesheets/blueprint/sass/screen.sass +17 -0
- data/test/fixtures/stylesheets/blueprint/sass/typography.sass +3 -0
- data/test/fixtures/stylesheets/compass/config.rb +9 -0
- data/test/fixtures/stylesheets/compass/css/layout.css +13 -0
- data/test/fixtures/stylesheets/compass/css/print.css +18 -0
- data/test/fixtures/stylesheets/compass/css/reset.css +60 -0
- data/test/fixtures/stylesheets/compass/css/utilities.css +17 -0
- data/test/fixtures/stylesheets/compass/sass/layout.sass +3 -0
- data/test/fixtures/stylesheets/compass/sass/print.sass +5 -0
- data/test/fixtures/stylesheets/compass/sass/reset.sass +10 -0
- data/test/fixtures/stylesheets/compass/sass/utilities.sass +6 -0
- data/test/fixtures/stylesheets/image_urls/config.rb +17 -0
- data/test/fixtures/stylesheets/image_urls/css/screen.css +3 -0
- data/test/fixtures/stylesheets/image_urls/images/grid.png +0 -0
- data/test/fixtures/stylesheets/image_urls/sass/screen.sass +6 -0
- data/test/fixtures/stylesheets/yui/config.rb +9 -0
- data/test/fixtures/stylesheets/yui/css/mixins.css +13 -0
- data/test/fixtures/stylesheets/yui/sass/base.sass +3 -0
- data/test/fixtures/stylesheets/yui/sass/fonts.sass +3 -0
- data/test/fixtures/stylesheets/yui/sass/grids.sass +3 -0
- data/test/fixtures/stylesheets/yui/sass/mixins.sass +16 -0
- data/test/rails_integration_test.rb +83 -0
- data/test/sass_extensions_test.rb +31 -0
- data/test/test_case_helper.rb +13 -0
- data/test/test_helper.rb +21 -0
- data/test/test_rails_helper.rb +20 -0
- metadata +359 -0
@@ -0,0 +1,33 @@
|
|
1
|
+
!font_color ||= #333
|
2
|
+
!quiet_color ||= !font_color + #333
|
3
|
+
!loud_color ||= !font_color - #222
|
4
|
+
|
5
|
+
!header_color ||= !font_color - #111
|
6
|
+
|
7
|
+
!link_color ||= #009
|
8
|
+
!link_hover_color ||= #000
|
9
|
+
!link_focus_color ||= !link_hover_color
|
10
|
+
!link_active_color ||= !link_color + #C00
|
11
|
+
!link_visited_color ||= !link_color - #333
|
12
|
+
|
13
|
+
!feedback_border_color ||= #DDD
|
14
|
+
!success_color ||= #264409
|
15
|
+
!success_bg_color ||= #E6EFC2
|
16
|
+
!success_border_color ||= #C6D880
|
17
|
+
|
18
|
+
!notice_color ||= #514721
|
19
|
+
!notice_bg_color ||= #FFF6BF
|
20
|
+
!notice_border_color ||= #FFD324
|
21
|
+
|
22
|
+
!error_color ||= #8A1F11
|
23
|
+
!error_bg_color ||= #FBE3E4
|
24
|
+
!error_border_color ||= #FBC2C4
|
25
|
+
|
26
|
+
!highlight_color ||= #FF0
|
27
|
+
!added_color ||= #FFF
|
28
|
+
!added_bg_color ||= #060
|
29
|
+
!removed_color ||= #FFF
|
30
|
+
!removed_bg_color ||= #900
|
31
|
+
|
32
|
+
!blueprint_table_header_color ||= #C3D9FF
|
33
|
+
!blueprint_table_stripe_color ||= #E5ECF9
|
@@ -0,0 +1,82 @@
|
|
1
|
+
@import typography.sass
|
2
|
+
|
3
|
+
//
|
4
|
+
To install the fancy type plugin:
|
5
|
+
1. import the fancy_type module: @import blueprint/modules/fancy_type
|
6
|
+
2. mixin +fancy-type to your project's body or at the top level of your stylesheet:
|
7
|
+
body
|
8
|
+
+fancy-type
|
9
|
+
|
10
|
+
=fancy-type
|
11
|
+
+fancy-paragraphs
|
12
|
+
.caps
|
13
|
+
+caps
|
14
|
+
.dquo
|
15
|
+
+dquo
|
16
|
+
.alt
|
17
|
+
+alt
|
18
|
+
|
19
|
+
// Indentation instead of line shifts for sibling paragraphs. Mixin to a style like p + p
|
20
|
+
=sibling-indentation
|
21
|
+
:text-indent 2em
|
22
|
+
:margin-top -1.5em
|
23
|
+
/* Don't want this in forms.
|
24
|
+
form &
|
25
|
+
:text-indent 0
|
26
|
+
|
27
|
+
//
|
28
|
+
For great looking type, use this code instead of asdf:
|
29
|
+
<span class="alt">asdf</span>
|
30
|
+
Best used on prepositions and ampersands.
|
31
|
+
|
32
|
+
=alt
|
33
|
+
:color #666
|
34
|
+
:font-family "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif
|
35
|
+
:font-style italic
|
36
|
+
:font-weight normal
|
37
|
+
|
38
|
+
//
|
39
|
+
For great looking quote marks in titles, replace "asdf" with:
|
40
|
+
<span class="dquo">“</span>asdf”
|
41
|
+
(That is, when the title starts with a quote mark).
|
42
|
+
(You may have to change this value depending on your font size).
|
43
|
+
=dquo(!offset = 0.5em)
|
44
|
+
:margin-left -!offset
|
45
|
+
|
46
|
+
//
|
47
|
+
Reduced size type with incremental leading
|
48
|
+
(http://www.markboulton.co.uk/journal/comments/incremental_leading/)
|
49
|
+
|
50
|
+
This could be used for side notes. For smaller type, you don't necessarily want to
|
51
|
+
follow the 1.5x vertical rhythm -- the line-height is too much.
|
52
|
+
|
53
|
+
Using this mixin, reduces your font size and line-height so that for
|
54
|
+
every four lines of normal sized type, there is five lines of the sidenote. eg:
|
55
|
+
|
56
|
+
Arguments:
|
57
|
+
font_size - The desired font size in pixels. This will be converted to ems for you. Defaults to 10px.
|
58
|
+
base_font_size - The base font size in pixels. Defaults to 12px
|
59
|
+
old_line_height - The old line height. Defaults to 1.5 times the base_font_size
|
60
|
+
=incr(!font_size = 10px, !base_font_size = !blueprint_font_size, !old_line_height = !base_font_size * 1.5)
|
61
|
+
:font-size= 1em * !font_size / !base_font_size
|
62
|
+
:line-height= 1em * !old_line_height / !font_size * 4 / 5
|
63
|
+
:margin-bottom 1.5em
|
64
|
+
|
65
|
+
//
|
66
|
+
Surround uppercase words and abbreviations with this class.
|
67
|
+
Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/]
|
68
|
+
=caps
|
69
|
+
:font-variant small-caps
|
70
|
+
:letter-spacing 1px
|
71
|
+
:text-transform lowercase
|
72
|
+
:font-size 1.2em
|
73
|
+
:line-height 1%
|
74
|
+
:font-weight bold
|
75
|
+
:padding 0 2px
|
76
|
+
|
77
|
+
=fancy-paragraphs
|
78
|
+
p + p
|
79
|
+
+sibling-indentation
|
80
|
+
p.incr,
|
81
|
+
.incr p
|
82
|
+
+incr
|
@@ -0,0 +1,55 @@
|
|
1
|
+
@import colors.sass
|
2
|
+
|
3
|
+
// Mixin for producing Blueprint "inline" forms. Should be used with the blueprint-form mixin.
|
4
|
+
=blueprint-inline-form
|
5
|
+
:line-height 3
|
6
|
+
p
|
7
|
+
:margin-bottom 0
|
8
|
+
|
9
|
+
=blueprint-form
|
10
|
+
+blueprint-form-layout
|
11
|
+
+blueprint-form-borders
|
12
|
+
+blueprint-form-sizes
|
13
|
+
|
14
|
+
=blueprint-form-layout
|
15
|
+
label
|
16
|
+
:font-weight bold
|
17
|
+
fieldset
|
18
|
+
:padding 1.4em
|
19
|
+
:margin 0 0 1.5em 0
|
20
|
+
legend
|
21
|
+
:font-weight bold
|
22
|
+
:font-size 1.2em
|
23
|
+
input
|
24
|
+
&.text, &.title, &[type=text]
|
25
|
+
:margin 0.5em 0
|
26
|
+
:background-color #fff
|
27
|
+
:padding 5px
|
28
|
+
&.title
|
29
|
+
:font-size 1.5em
|
30
|
+
&[type=checkbox], &.checkbox,
|
31
|
+
&[type=radio], &.radio
|
32
|
+
:position relative
|
33
|
+
:top 0.25em
|
34
|
+
textarea
|
35
|
+
:margin 0.5em 0
|
36
|
+
:padding 5px
|
37
|
+
select
|
38
|
+
:margin 0.5em 0
|
39
|
+
|
40
|
+
=blueprint-form-sizes(!input_width = 300px, !textarea_width = 390px, !textarea_height = 250px)
|
41
|
+
input.text, input.title
|
42
|
+
:width= !input_width
|
43
|
+
textarea
|
44
|
+
:width= !textarea_width
|
45
|
+
:height= !textarea_height
|
46
|
+
|
47
|
+
=blueprint-form-borders(!unfocused_border_color = #bbb, !focus_border_color = #666, !fieldset_border_color = #ccc)
|
48
|
+
fieldset
|
49
|
+
:border= 1px "solid" !fieldset_border_color
|
50
|
+
input.text, input.title,
|
51
|
+
textarea,
|
52
|
+
select
|
53
|
+
:border= 1px "solid" !unfocused_border_color
|
54
|
+
&:focus
|
55
|
+
:border= 1px "solid" !focus_border_color
|
@@ -0,0 +1,168 @@
|
|
1
|
+
// --------------------------------------------------------------
|
2
|
+
// SASS Gridification
|
3
|
+
// * Author: Chris Eppstein
|
4
|
+
// A SASS adaptation of Blueprint CSS
|
5
|
+
// * Version: 0.7.1 (2008-02-25)
|
6
|
+
// * Website: http://code.google.com/p/blueprintcss/
|
7
|
+
// Based on work by:
|
8
|
+
// * Lorin Tackett [lorintackett.com]
|
9
|
+
// * Olav Bjorkoy [bjorkoy.com]
|
10
|
+
// * Nathan Borror [playgroundblues.com]
|
11
|
+
// * Jeff Croft [jeffcroft.com]
|
12
|
+
// * Christian Metts [mintchaos.com]
|
13
|
+
// * Khoi Vinh [subtraction.com]
|
14
|
+
// Read more about using a grid here:
|
15
|
+
// * http://www.subtraction.com/2007/03/18/oh-yeeaahh
|
16
|
+
// --------------------------------------------------------------
|
17
|
+
|
18
|
+
@import compass/utilities/general/float.sass
|
19
|
+
|
20
|
+
// Main layout grid, override these constants to build your grid and container sizes.
|
21
|
+
!blueprint_grid_columns ||= 24
|
22
|
+
!blueprint_grid_width ||= 30px
|
23
|
+
!blueprint_grid_margin ||= 10px
|
24
|
+
|
25
|
+
!blueprint_grid_outer_width = !blueprint_grid_width + !blueprint_grid_margin
|
26
|
+
!blueprint_container_size = !blueprint_grid_outer_width * !blueprint_grid_columns - !blueprint_grid_margin
|
27
|
+
|
28
|
+
|
29
|
+
=blueprint-grid
|
30
|
+
// A container should group all your columns
|
31
|
+
.container
|
32
|
+
+container
|
33
|
+
.column, #{enumerate("div.span", 1, !blueprint_grid_columns)}
|
34
|
+
+column-base
|
35
|
+
// The last column in a row needs this class (or mixin) or it will end up on the next row.
|
36
|
+
.last, div.last
|
37
|
+
+last
|
38
|
+
// Use these classes (or mixins) to set the width of a column.
|
39
|
+
@for !n from 1 to !blueprint_grid_columns
|
40
|
+
.span-#{!n}
|
41
|
+
+span(!n)
|
42
|
+
.span-#{!blueprint_grid_columns}, div.span-#{!blueprint_grid_columns}
|
43
|
+
+span(!blueprint_grid_columns)
|
44
|
+
:margin 0
|
45
|
+
input, textarea, select
|
46
|
+
@for !n from 1 through !blueprint_grid_columns
|
47
|
+
&.span-#{!n}
|
48
|
+
+span(!n, true)
|
49
|
+
// Add these to a column to append empty cols.
|
50
|
+
@for !n from 1 to !blueprint_grid_columns
|
51
|
+
.append-#{!n}
|
52
|
+
+append(!n)
|
53
|
+
// Add these to a column to prepend empty cols.
|
54
|
+
@for !n from 1 to !blueprint_grid_columns
|
55
|
+
.prepend-#{!n}
|
56
|
+
+prepend(!n)
|
57
|
+
// Use these classes on an element to push it into the
|
58
|
+
// next column, or to pull it into the previous column.
|
59
|
+
#{enumerate(".pull", 1, !blueprint_grid_columns)}
|
60
|
+
+pull-base
|
61
|
+
@for !n from 1 through !blueprint_grid_columns
|
62
|
+
.pull-#{!n}
|
63
|
+
+pull-margins(!n)
|
64
|
+
#{enumerate(".push", 1, !blueprint_grid_columns)}
|
65
|
+
+push-base
|
66
|
+
@for !n from 1 through !blueprint_grid_columns
|
67
|
+
.push-#{!n}
|
68
|
+
+push-margins(!n)
|
69
|
+
|
70
|
+
|
71
|
+
// Columns
|
72
|
+
// Note: If you use this mixin without the class and want to support ie6
|
73
|
+
// you must set text-align left on your container element in an IE stylesheet.
|
74
|
+
=container
|
75
|
+
:width = !blueprint_container_size
|
76
|
+
:margin 0 auto
|
77
|
+
+clearfix
|
78
|
+
|
79
|
+
// The last column in a row needs this mixin or it will end up on the next row.
|
80
|
+
// TODO add this to span mixin when we have optional arguments
|
81
|
+
=last
|
82
|
+
:margin-right 0
|
83
|
+
|
84
|
+
=span(!n, !override = false)
|
85
|
+
!width = !blueprint_grid_width * !n + (!blueprint_grid_margin * (!n - 1))
|
86
|
+
@if !override
|
87
|
+
:width = !width !important
|
88
|
+
@else
|
89
|
+
:width = !width
|
90
|
+
|
91
|
+
=column-base(!last = false)
|
92
|
+
+float-left
|
93
|
+
@if !last
|
94
|
+
+last
|
95
|
+
@else
|
96
|
+
:margin-right = !blueprint_grid_margin
|
97
|
+
* html &
|
98
|
+
:overflow-x hidden
|
99
|
+
|
100
|
+
// Use this mixins to set the width of n columns.
|
101
|
+
=column(!n, !last = false)
|
102
|
+
+column-base(!last)
|
103
|
+
+span(!n)
|
104
|
+
|
105
|
+
|
106
|
+
// Mixin to a column to append n empty cols.
|
107
|
+
=append(!n)
|
108
|
+
:padding-right = (!blueprint_grid_outer_width) * !n
|
109
|
+
|
110
|
+
// Mixin to a column to prepend n empty cols.
|
111
|
+
=prepend(!n)
|
112
|
+
:padding-left = (!blueprint_grid_outer_width) * !n
|
113
|
+
|
114
|
+
=pull-base
|
115
|
+
+float-left
|
116
|
+
:position relative
|
117
|
+
|
118
|
+
=pull-margins(!n, !last = false)
|
119
|
+
@if !last
|
120
|
+
:margin-left = (-!blueprint_grid_outer_width * !n) + !blueprint_grid_margin
|
121
|
+
@else
|
122
|
+
:margin-left = -!blueprint_grid_outer_width * !n
|
123
|
+
|
124
|
+
// mixin to a column to move it n columns to the left
|
125
|
+
=pull(!n, !last = false)
|
126
|
+
+pull-base
|
127
|
+
+pull-margins(!n, !last)
|
128
|
+
|
129
|
+
=push-base
|
130
|
+
+float-right
|
131
|
+
:position relative
|
132
|
+
|
133
|
+
=push-margins(!n)
|
134
|
+
:margin= 0 (-!blueprint_grid_outer_width * !n) 1.5em (!blueprint_grid_outer_width * !n)
|
135
|
+
|
136
|
+
// mixin to a column to push it n columns to the right
|
137
|
+
=push(!n)
|
138
|
+
+push-base
|
139
|
+
+push-margins(!n)
|
140
|
+
|
141
|
+
// Border on right hand side of a column.
|
142
|
+
=border(!border_color = #eee, !border_width = 1px)
|
143
|
+
:padding-right = !blueprint_grid_margin / 2 - !border_width
|
144
|
+
:margin-right = !blueprint_grid_margin / 2
|
145
|
+
:border-right #{!border_width} solid #{!border_color}
|
146
|
+
|
147
|
+
// Border with more whitespace, spans one column.
|
148
|
+
=colborder(!border_color = #eee, !border_width = 1px)
|
149
|
+
:padding-right= floor((!blueprint_grid_width + 2 * !blueprint_grid_margin - !border_width)/2)
|
150
|
+
:margin-right= ceil((!blueprint_grid_width + 2 * !blueprint_grid_margin - !border_width)/2)
|
151
|
+
:border-right #{!border_width} solid #{!border_color}
|
152
|
+
|
153
|
+
// Mixin this to an hr to make a horizontal ruler across a column.
|
154
|
+
=colruler(!border_color = #ddd)
|
155
|
+
:background= !border_color
|
156
|
+
:color= !border_color
|
157
|
+
:clear both
|
158
|
+
:float none
|
159
|
+
:width 100%
|
160
|
+
:height .1em
|
161
|
+
:margin 0 0 1.45em
|
162
|
+
:border none
|
163
|
+
|
164
|
+
// Mixin this to an hr to make a horizontal spacer across a column.
|
165
|
+
=colspacer
|
166
|
+
+colruler
|
167
|
+
:background #fff
|
168
|
+
:color #fff
|
@@ -0,0 +1,58 @@
|
|
1
|
+
@import colors.sass
|
2
|
+
|
3
|
+
|
4
|
+
=blueprint-interaction
|
5
|
+
.error
|
6
|
+
+error
|
7
|
+
.notice
|
8
|
+
+notice
|
9
|
+
.success
|
10
|
+
+success
|
11
|
+
.hide
|
12
|
+
:display none
|
13
|
+
.highlight
|
14
|
+
+highlight
|
15
|
+
.added
|
16
|
+
+added
|
17
|
+
.removed
|
18
|
+
+removed
|
19
|
+
|
20
|
+
=feedback-base
|
21
|
+
:padding .8em
|
22
|
+
:margin-bottom 1em
|
23
|
+
:border= 2px "solid" !feedback_border_color
|
24
|
+
|
25
|
+
=error
|
26
|
+
+feedback-base
|
27
|
+
:background = !error_bg_color
|
28
|
+
:color = !error_color
|
29
|
+
:border-color = !error_border_color
|
30
|
+
a
|
31
|
+
:color = !error_color
|
32
|
+
|
33
|
+
=notice
|
34
|
+
+feedback-base
|
35
|
+
:background = !notice_bg_color
|
36
|
+
:color = !notice_color
|
37
|
+
:border-color = !notice_border_color
|
38
|
+
a
|
39
|
+
:color = !notice_color
|
40
|
+
|
41
|
+
=success
|
42
|
+
+feedback-base
|
43
|
+
:background = !success_bg_color
|
44
|
+
:color = !success_color
|
45
|
+
:border-color = !success_border_color
|
46
|
+
a
|
47
|
+
:color = !success_color
|
48
|
+
|
49
|
+
=highlight
|
50
|
+
:background = !highlight_color
|
51
|
+
|
52
|
+
=added
|
53
|
+
:background = !added_bg_color
|
54
|
+
:color = !added_color
|
55
|
+
|
56
|
+
=removed
|
57
|
+
:background = !removed_bg_color
|
58
|
+
:color = !removed_color
|
@@ -0,0 +1,44 @@
|
|
1
|
+
=no-link-icon
|
2
|
+
:background transparent none !important
|
3
|
+
:padding 0 !important
|
4
|
+
:margin 0 !important
|
5
|
+
|
6
|
+
=link-icon-base
|
7
|
+
:padding 2px 22px 2px 0
|
8
|
+
:margin -2px 0
|
9
|
+
:background-repeat no-repeat
|
10
|
+
:background-position right center
|
11
|
+
|
12
|
+
=link-icon(!name, !include_base = true)
|
13
|
+
@if !include_base
|
14
|
+
+link-icon-base
|
15
|
+
:background-image= image_url("link_icons/#{!name}")
|
16
|
+
|
17
|
+
=link-icons
|
18
|
+
a[href^="http:"],
|
19
|
+
a[href^="mailto:"],
|
20
|
+
a[href^="http:"]:visited,
|
21
|
+
a[href$=".pdf"],
|
22
|
+
a[href$=".doc"],
|
23
|
+
a[href$=".xls"],
|
24
|
+
a[href$=".rss"],
|
25
|
+
a[href$=".rdf"],
|
26
|
+
a[href^="aim:"]
|
27
|
+
+link-icon-base
|
28
|
+
a[href^="http:"]
|
29
|
+
+link-icon("external.png", false)
|
30
|
+
a[href^="mailto:"]
|
31
|
+
+link-icon("email.png", false)
|
32
|
+
a[href^="http:"]:visited
|
33
|
+
+link-icon("visited.png", false)
|
34
|
+
a[href$=".pdf"]
|
35
|
+
+link-icon("pdf.png", false)
|
36
|
+
a[href$=".doc"]
|
37
|
+
+link-icon("doc.png", false)
|
38
|
+
a[href$=".xls"]
|
39
|
+
+link-icon("xls.png", false)
|
40
|
+
a[href$=".rss"],
|
41
|
+
a[href$=".rdf"]
|
42
|
+
+link-icon("feed.png", false)
|
43
|
+
a[href^="aim:"]
|
44
|
+
+link-icon("im.png", false)
|