Commit Graph

390 Commits

Author SHA1 Message Date
Chris Eppstein
4533a00085 [Compass Core] More clear comments describing how to use the +replace-text mixin. Closes #16. 2009-06-20 21:27:47 -07:00
Chris Eppstein
27b821617a [Compass Core] +reset-display mixin and Sass Extensions for appending selectors and enumerating the elements for a given display type. 2009-06-20 18:06:47 -07:00
Chris Eppstein
dc982841cf [Compass Core] Added a +reset-html5 mixin that can be used to reset new HTML5 elements and add default rendering for them in browsers that do not support them.
Credit: http://jacobrask.net/blog/2009/html5-css-reset/
2009-06-20 17:22:22 -07:00
Noel Gomez
2126240a1a [Compass Core] [Blueprint] The compass reset is now based on Eric Meyer's reset. The old compass/reset.sass was moved to blueprint/reset.sass -- the original source for it. 2009-06-20 17:16:13 -07:00
Enrico Bianco
63075f82db [Blueprint] Upgrade to 0.9: Explicitly define image interpolation for IE so that images aren't jagged when resizing 2009-06-20 17:08:30 -07:00
Enrico Bianco
77f6e02c0e [Blueprint] Upgrade to 0.9: Make IE conditional comments more configurable in project manifests 2009-06-20 15:52:36 -07:00
Enrico Bianco
56c745b939 [Blueprint] Upgrade to 0.9: Styles and mixins for inline forms, including fixes for IE6. 2009-06-20 15:52:36 -07:00
Enrico Bianco
4b33fae5e5 [Blueprint] Upgrade to 0.9: Fixed math for blueprint colborder 2009-06-20 15:52:36 -07:00
Enrico Bianco
45af89d4c7 [Blueprint] Upgrade to 0.9: Removed body margins from blueprint scaffolding by default.
The old body styles can be reinstated by mixing +blueprint-scaffolding-body into your body selector(s).
2009-06-20 15:52:36 -07:00
Bjørn Arild Mæland
be5c0ff673 Added missing syntax to _tag_cloud.sass, fixes invalid CSS for :line-height
Signed-off-by: Chris Eppstein <chris@eppsteins.net>
2009-06-13 05:01:35 +08:00
Gustavo Delfino
f033ee2ec0 Fixed a bug in +horizontal-list mixin 2009-05-28 18:47:47 -07:00
Chris Eppstein
faadde2379 [Compass Core] Extracted two new mixins from +horizontal-list. Closes GH-9.
The new +horizontal-list-container and +horizontal-list-item mixins can
be used to build your horizontal list when you need more control over
the selectors (E.g. when working with nested lists).
2009-05-23 09:15:33 -07:00
Chris Eppstein
5acb8a0520 [Blueprint] Updated a broken link in the comments. 2009-05-07 11:59:46 -07:00
Chris Eppstein
da4c73d676 [Compass Core] Make all compass core library mixins use the image_url function where appropriate. 2009-04-29 08:27:18 -07:00
Chris Eppstein
3f16225556 [Blueprint] Split the push and pull mixins into sub-mixins that separate the common styles from the ones that vary.
Added the following mixins:
  +push-base
  +push-margins
  +pull-base
  +pull-margins

The generated css when using presentational class names will be smaller as a result.
2009-04-19 09:44:10 -07:00
Chris Eppstein
5d4a885671 [YUI] Added Yahoo's version of the css reset. 2009-04-19 09:44:10 -07:00
ltackett
baa734df25 Fixed typo in credits. 2009-04-19 09:43:58 -07:00
Chris Eppstein
7a83d0d71e [Blueprint] Update liquid plugin to have a span mixin that matches elsewhere. 2009-04-19 09:43:58 -07:00
Chris Eppstein
9686852244 Convert the debug module to use the new image_url sass function. 2009-04-06 00:36:33 -07:00
Chris Eppstein
c36f63fd92 Incorporate Blueprint 0.8 grid changes, make the generated grid more closely match Blueprint's by adding an enumerate(prefix, startindex, endindex) sass function that generates a list of enumerated selectors. 2009-04-06 00:00:44 -07:00
Chris Eppstein
759c422c34 Incorporate more bugfixes from Blueprint 0.8 2009-04-05 23:58:15 -07:00
Chris Eppstein
dc5f5672a4 Port of the blueprint rtl plugin to compass with example. Also a small re-org of some of the files in the blueprint_plugin example. 2009-04-05 22:07:48 -07:00
Chris Eppstein
a5712edc3e Added the link icons plugin from blueprint 0.8. To install this plugin:
compass -f blueprint -p link_icons
2009-04-05 03:14:47 -07:00
Chris Eppstein
53960d9c25 Port of the Blueprint Buttons plugin to Compass.
This port adds semantic win and color customization to your blueprint button
styles. It also let's you choose whether you want to float them right,
left, or leave them inline-block.

To install this plugin into your project run the following command.
compass -f blueprint -p buttons

Or if you have a rails project:
compass --rails -f blueprint -p buttons
2009-04-03 12:18:47 -07:00
Chris Eppstein
fbd6f55c56 IE changes for Blueprint 0.8 2009-04-02 23:23:22 -07:00
Chris Eppstein
c040c1d2d9 Fix some test failures. 2009-04-02 22:53:42 -07:00
Andrew Vit
d9416f65fa Changed standard +clearfix to use overflow: hidden.
Added alternate +pie-clearfix using content :after
2009-04-02 22:40:25 -07:00
Andrew Vit
150e7bf6a7 Updated frameworks to use new float implementation
Avoided changing YUI due to its complex inheritance and float:none overrides.
2009-04-02 22:40:25 -07:00
Andrew Vit
b36e2d2622 Added +float-left and +float-right as mixins
In order to include fixes for IE's double-margin bug universally, floats
were implemented as a utility mixins.
2009-04-02 22:40:16 -07:00
Chris Eppstein
43fc3be14b Generate a grid background image with the --grid-img command line option. 2009-04-02 21:27:55 -07:00
Chris Eppstein
63de13debd Validate your project's CSS files by running compass --validate. 2009-04-01 21:24:02 -07:00
Chris Eppstein
923703b058 Credit where credit is due. 2009-03-12 11:22:05 -07:00
Chris Eppstein
6280f97071 Added a mixin for styling the Unobtrusive stylesheet logo. 2009-03-12 11:10:26 -07:00
Chris Eppstein
de2d06d9b8 [Blueprint] Fixed a bug where the .last class was not overridden by the .append-N classes. 2009-03-11 23:03:14 -07:00
sbfaulkner
5c3d5bdbc0 trailing comment closure in sass messes with css
Signed-off-by: Chris Eppstein <chris@eppsteins.net>
2009-03-02 02:41:06 +08:00
Chris Eppstein
af6f16d4b8 Eric Meyer's reset uses a line-height value of 1. Blueprint uses 1.5 and
YUI doesn't even consider it part of the reset. With so much
disagreement, I decided to make the compass reset agnostic and let
individual frameworks decide what the body line-height ought to be.
2009-02-21 00:15:24 -08:00
Chris Eppstein
79ee96dcf4 Polish the table scaffolding mixin and add the table borders mixins. 2009-02-21 00:15:24 -08:00
Tim Riley
77e19e512b move the CSS rules extracted from alternating-rows-and-columns into a table-scaffolding mixin. 2009-02-21 00:15:24 -08:00
Tim Riley
3d340b6972 remove any non-colour related CSS from the alternating-rows-and-columns mixin. this mixin works best when it _only_ affects your table's background colours. 2009-02-21 00:15:24 -08:00
Chris Eppstein
94f4471ad5 Better followup messages after installation. 2009-02-08 03:45:48 -08:00
Chris Eppstein
91e081cd50 New project creation implemented using manifests and installation strategies. 2009-02-08 03:45:48 -08:00
Chris Eppstein
e8d249fa38 Better comments/instructions on the compass project stylesheets. 2009-02-08 03:45:47 -08:00
Chris Eppstein
f316dd013e Centralize all the framework specific code into the frameworks directory. 2009-01-25 15:05:36 -08:00
Chris Eppstein
91aa83cbfd Silence implicit string deprecation warnings. 2008-12-17 09:02:48 -08:00
Andrew Vit
208d0b1f04 Added +sticky-footer mixin
Forces page layout to expand, pinning the footer
to the bottom edge of the browser window.

Refer to:
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
2008-12-08 20:37:06 -08:00
Chris Eppstein
b9d2f78a82 Meant to include this mixin, not (re)define it. 2008-12-08 20:32:29 -08:00
Chris Eppstein
faed0a0061 Work around a bug in Sass comments at the start of a file. 2008-12-08 13:57:30 -08:00
Chris Eppstein
2c3e57bec6 Created top level imports for all frameworks. This change broke backwards compatibility for YUI, where users should now @import yui.sass instead of yui/screen.sass 2008-12-08 10:44:36 -08:00
Chris Eppstein
e42bc133dd extracted a +global-reset and +nested-reset mixins from the reset library which got moved to compass/utilities/general/reset. 2008-12-08 09:51:36 -08:00
Hendy Tanata
880495cb17 yui should be mixed into the top level because of yui-base-fonts mixin. 2008-12-08 22:09:04 +08:00
Chris Eppstein
32133bc478 On second thought: Don't scope blueprint grid classes within the container. This will make them difficult to override and BP-css doesn't do it. 2008-12-06 14:13:03 -08:00
Chris Eppstein
3100476ff5 Coding spree to clean up the blueprint stylesheets and make them more similar to blueprint-css, more configurable, and more consistent.
Breakdown of changes:

===

Remove the body scope that is unnecessarily added to many blueprint classes due to the way the mixins were constructed and used. Blueprint mixins that operate on the body tag now follow a pattern where they take the body selector as an argument and must always be mixed into the top level of a stylesheet. The classes will be scoped whenever the selector is not a simple "body" selector which is the default. Mixins affected: +blueprint-ie, +blueprint-print, +blueprint-typography, and +blueprint-scaffolding. All of these mixins use corresponding +[mixin]-body and +[mixin]-defaults mixins in their implementations that you can use directly if you feel constrained by the requirement to mix into the top-level.

===

Made all configurable constants possible to override in a base stylesheet using conditional assignment. Moved many colors that were still hard coded to the colors.sass module so they can be overridden.

===

Restored some blueprint defaults even though I didn't like them. With the exception of the blueprint link urls which are now available as a mixin called +blueprint-show-link-urls (they used to just be commented out.)

===

Grid constants have been renamed in both the grid and liquid grid modules. These constants are now conditionally assigned to make the grid easily configured.

===

The liquid grid now uses the compass clearfix.

===

moved the primary mixin for a module (where one exists) to the top of the file for clarity of readers.

===

blueprint grid classes are now appropriately scoped under the .container class.
2008-12-06 13:46:03 -08:00
Chris Eppstein
1c42afb158 The Liquid grid mixin has been renamed from +blueprint-liquid to +blueprint-liquid-grid. 2008-12-06 13:46:03 -08:00
Chris Eppstein
f084ed2314 The incremental leading mixin (+incr) in the fancy type module now accepts arguments and performs the incremental leading calculations for you if you want to use different font sizes. The +dquo mixin now accepts an offset argument if the default isn't appropriate. 2008-12-06 13:46:03 -08:00
Chris Eppstein
2177bc8e24 The no-print and print-only classes were never part of blueprint-css, so I'm moving them to compass utilities. 2008-12-06 13:46:03 -08:00
Chris Eppstein
605658fab2 Changes to blueprint mixins so that they can be mixed into the top level and avoid having scoped selectors that add to their weight. 2008-12-06 13:46:02 -08:00
Chris Eppstein
dd6fb6473a Added unit tests for YUI and did some cleanup/restructuring of the test fixtures as well as a way to validate generated css. 2008-12-04 12:35:00 -08:00
Chris Eppstein
5a81de14c5 Allow the blueprint font family defaults to be configured. 2008-12-01 00:26:33 -08:00
Chris Eppstein
d1b18370cd Move the #ft and #bd declarations to the the yui-grids-init mixin and allow those styles to be turned off. 2008-11-30 20:35:04 -08:00
Chris Eppstein
70b06a705f Extract the yui-grid-templates mixin for clarity. 2008-11-30 20:33:49 -08:00
Chris Eppstein
5b2c2129f1 Combine the selectors that have the same styles that I previously separated unecessarily. 2008-11-30 20:32:15 -08:00
Chris Eppstein
562b417197 Added conditional assignment to the yui constants and prefixed them with "yui_". 2008-11-29 19:28:42 -08:00
Chris Eppstein
b5034a917e Added the YUI grids module. It compiles and generates roughly the expected output, but is not well tested yet. 2008-11-29 01:15:12 -08:00
Chris Eppstein
d66f659d9a Reuse the reset and clearfix mixins in the horizontal-list declaration. 2008-11-01 11:49:03 -07:00
Chris Eppstein
1182a5cb4d Allow the padding between the list items in horizontal-list mixin to be specified as an argument. 2008-11-01 11:47:36 -07:00
Chris Eppstein
16f83b496a Generate less CSS output for the same effect in the reset. 2008-11-01 11:44:49 -07:00
Chris Eppstein
08ec9ec5c3 Improvements to the YUI fonts. These changes are not backwards compatible. 2008-10-29 09:23:54 -07:00
Chris Eppstein
419f2d3e41 A cross-browser inline-block mixin that supports ie6-8, ff2-3, opera, and webkit. 2008-10-21 22:51:10 -07:00
Chris Eppstein
11def38264 Fixed a bug in the definition of push. The left margin was incorrect. 2008-10-18 17:13:54 -07:00
Chris Eppstein
595b1a0849 Small changes to accomodate Sass language advancements. Negation is now 'not' and @else exists. 2008-10-16 09:16:17 -07:00
Chris Eppstein
28f8e53485 Slighltly cleaner horizontal-list implementation. 2008-10-11 10:36:26 -07:00
Chris Eppstein
d6d9bd4270 Factor out a reset-box-model mixin for doing selective resets. 2008-10-11 10:36:01 -07:00
Chris Eppstein
fc17de9f62 clearfix for firefox works better with overflow: -moz-scrollbars-none 2008-10-03 17:33:54 -07:00
Chris Eppstein
2189e28c65 Don't set background properties that aren't relevant to the text replacement. 2008-10-03 11:27:46 -07:00
Chris Eppstein
156b896d97 Don't set display for replaced text -- just use the container's default display. Also, some small refactoring. 2008-10-03 11:06:38 -07:00
Andrew Vit
2cadeceb05 Background is not a typography concern, removed from normal-text mixin. 2008-10-03 08:26:27 -07:00
Andrew Vit
94083e82e1 Introduced replace-text mixin for showing images in place of HTML text. 2008-10-03 08:26:26 -07:00
Andrew Vit
278cda2ed6 Backward Incompatible Change: Removed unnecessary html/body scoping for reset rules and made reset.sass a standalone stylesheet.
To perform a reset, simply @import compass/reset.sass

To perform a selective reset, you should @import compass/utilities/general/reset.sass which will provide
reset mixins without defining any css rules.
2008-10-03 08:23:30 -07:00
Chris Eppstein
5aa24e6c5e Small changes to liquid.sass from code review. 2008-10-03 07:56:59 -07:00
Geoff Garside
b0f35c4731 Add SASS adaptation of liquid.css.
Liquid.css is a liquid adaptation of the Blueprint grid by Ben Listwon, David Bedingfield and Andrei Michael Herasimchuk at Involution Studios.
2008-10-03 07:56:25 -07:00
Chris Eppstein
1fcd0c446a Use explicit sass imports to get better error reporting in the case of a missing file or installation problem. 2008-10-01 22:58:30 -07:00
Chris Eppstein
59addd99fb Use the compass link-colors mixin on blueprint. 2008-10-01 22:31:52 -07:00
Chris Eppstein
fbceb3fbbc Sass Utility Mixins that encapsulate many common styling patterns. Using them can significantly speed up the styling of a webpage.
Here's a quick rundown of what's included in this checkin (@ denotes an import file, + denotes a mixin):

@ compass/utilities
  @ compass/utilities/general
    @ compass/utilities/general/clearfix
      +clearfix - Clearing floats without extra markup
    @ compass/utilities/general/tag_cloud
      +tag-cloud(!base_size = 1em) - Emits styles for a tag cloud
  @ compass/utilities/links
    @ compass/utilities/links/hover_link
      +hover-link - makes a link underlined only when hovered.
    @ compass/utilities/links/link_colors
      +link-colors(!normal, [!hover, !active, !visited, !focus]) - specify all the colors
        of a link with one mixin. Colors not sepecified will not be emitted, this may or
        may not work out depending on how you've defined your style rules.
    @ compass/utilities/links/unstyled_link
      +unstyled-link - A link that looks and acts like the text it is contained within
  @ compass/utilities/lists
    @ compass/utilities/lists/bullets
      +no-bullet - Turns off the bullet for a single list element.
      +no-bullets - Turns off the bullets for all the list elements in a list.
      +pretty-bullets(!bullet_icon, !width, !height[, !line_height = 18px, !padding = 14px]) - use an icon for the list elements of a list.
    @ compass/utilities/lists/horizontal_list
      +horizontal-list - A list where the elements are floated left.
    @ compass/utilities/lists/inline_list
      +inline-list - A list where both the list and the list elements are inlined.
      +comma-delimited-list - an inline-list that is comma delimited.
  @ compass/utilities/tables
    @ compass/utilities/tables/alternating_rows_and_columns
      +alternating-rows-and-columns(!even_row_color, !odd_row_color, !dark_intersection) - The first colors are the even/odd colors respectively and the last argument is a shade that is subtracted from those colors for the even columns.
  @ compass/utilities/text
    @ compass/utilities/text/nowrap
      +nowrap - Because remembering whether or not there's a hyphen in white-space is too hard
2008-09-28 16:13:03 -07:00
Chris Eppstein
a83dd6e143 Move some optional classes and <hr> styles into the scaffolding module 2008-09-18 21:35:03 -07:00
Chris Eppstein
e2ddf4ff59 change the order of the link color rules so that interactive psuedo-selectors take precedence over passive ones 2008-09-13 23:59:48 -07:00
Chris Eppstein
95579a8e6b Add a boolean argument to the pull mixin that indicates wether you are pulling past the last column. 2008-09-13 23:52:04 -07:00
Chris Eppstein
b365a178eb Add Yahoo copyright notice. 2008-08-24 17:41:13 -07:00
Chris Eppstein
e62b7942d6 YUI's base and fonts. Their reset is already in compass core.
Grid is still to come -- I'm still getting my head around its semantics.
2008-08-24 17:33:57 -07:00
Chris Eppstein
b82966e03f bug fixes found now that things are starting to work. 2008-08-24 00:04:45 -07:00
Chris Eppstein
88ed4591cc Initial Checkin of Compass. Used to be Blueprint-Sass. 2008-08-23 10:00:46 -07:00