diff --git a/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass b/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass index 4930112a..afc7bb4d 100755 --- a/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass +++ b/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass @@ -15,7 +15,7 @@ // * subtraction.com/archives/2007/0318_oh_yeeaahh.php // -------------------------------------------------------------- -@import compass/utilities +@import compass/utilities/general/clearfix // Main layout grid, edit these parameters to build your grid and container sizes. !layout_grid_columns = 24 diff --git a/frameworks/compass/stylesheets/compass/_utilities.sass b/frameworks/compass/stylesheets/compass/_utilities.sass index 8ad12b7d..29db150e 100644 --- a/frameworks/compass/stylesheets/compass/_utilities.sass +++ b/frameworks/compass/stylesheets/compass/_utilities.sass @@ -1,16 +1,5 @@ -// Clearing floats without extra markup -// Based on How To Clear Floats Without Structural Markup by PiE -// [http://www.positioniseverything.net/easyclearing.html] -// The above article no longer recommends its approach instead -// This is recommended now: -// [http://www.sitepoint.com/examples/clearing_floats/example2.php] -=clearfix - :overflow auto - // This makes ie6 get layout - :display inline-block - // and this puts it back to block - & - :display block - -=nowrap - :white-space nowrap +@import utilities/general +@import utilities/links +@import utilities/lists +@import utilities/tables +@import utilities/text diff --git a/frameworks/compass/stylesheets/compass/utilities/_general.sass b/frameworks/compass/stylesheets/compass/utilities/_general.sass new file mode 100644 index 00000000..b7c06519 --- /dev/null +++ b/frameworks/compass/stylesheets/compass/utilities/_general.sass @@ -0,0 +1,3 @@ +@import general/clearfix +@import general/tag_cloud + diff --git a/frameworks/compass/stylesheets/compass/utilities/_links.sass b/frameworks/compass/stylesheets/compass/utilities/_links.sass new file mode 100644 index 00000000..1dca1dcb --- /dev/null +++ b/frameworks/compass/stylesheets/compass/utilities/_links.sass @@ -0,0 +1,3 @@ +@import links/hover_link +@import links/link_colors +@import links/unstyled_link \ No newline at end of file diff --git a/frameworks/compass/stylesheets/compass/utilities/_lists.sass b/frameworks/compass/stylesheets/compass/utilities/_lists.sass new file mode 100644 index 00000000..99ce7eac --- /dev/null +++ b/frameworks/compass/stylesheets/compass/utilities/_lists.sass @@ -0,0 +1,3 @@ +@import lists/horizontal_list +@import lists/inline_list +@import lists/bullets diff --git a/frameworks/compass/stylesheets/compass/utilities/_tables.sass b/frameworks/compass/stylesheets/compass/utilities/_tables.sass new file mode 100644 index 00000000..1d5d112f --- /dev/null +++ b/frameworks/compass/stylesheets/compass/utilities/_tables.sass @@ -0,0 +1 @@ +@import tables/alternating_rows_and_columns \ No newline at end of file diff --git a/frameworks/compass/stylesheets/compass/utilities/_text.sass b/frameworks/compass/stylesheets/compass/utilities/_text.sass new file mode 100644 index 00000000..4c7a28f3 --- /dev/null +++ b/frameworks/compass/stylesheets/compass/utilities/_text.sass @@ -0,0 +1 @@ +@import text/nowrap diff --git a/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.sass b/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.sass new file mode 100644 index 00000000..3324ef47 --- /dev/null +++ b/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.sass @@ -0,0 +1,10 @@ +// Clearing floats without extra markup +// Simple Clearing of Floats +// [http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/] +=clearfix + :overflow auto + // This makes ie6 get layout + :display inline-block + // and this puts it back to block + & + :display block \ No newline at end of file diff --git a/frameworks/compass/stylesheets/compass/utilities/general/_tag_cloud.sass b/frameworks/compass/stylesheets/compass/utilities/general/_tag_cloud.sass new file mode 100644 index 00000000..ad3c1379 --- /dev/null +++ b/frameworks/compass/stylesheets/compass/utilities/general/_tag_cloud.sass @@ -0,0 +1,19 @@ +// Emits styles for a tag cloud +=tag-cloud(!base_size = 1em) + :font-size= !base_size + :line-height= 1.2 * !base_size + .xxs, .xs, .s, .l, .xl, .xxl + :line-height 1.2 !base_size + .xxs + :font-size= !base_size / 2.0 + .xs + :font-size= 2.0 * !base_size / 3.0 + .s + :font-size= 3.0 * !base_size / 4.0 + .l + :font-size= 4.0 * !base_size / 3.0 + .xl + :font-size= 3.0 * !base_size / 2.0 + .xxl + :font-size= 2.0 * !base_size + diff --git a/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass b/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass new file mode 100644 index 00000000..a8b51545 --- /dev/null +++ b/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass @@ -0,0 +1,5 @@ +// a link that only has an underline when you hover over it +=hover-link + :text-decoration none + &:hover + :text-decoration underline diff --git a/frameworks/compass/stylesheets/compass/utilities/links/_link_colors.sass b/frameworks/compass/stylesheets/compass/utilities/links/_link_colors.sass new file mode 100644 index 00000000..dcdae06d --- /dev/null +++ b/frameworks/compass/stylesheets/compass/utilities/links/_link_colors.sass @@ -0,0 +1,24 @@ +// Set all the colors for a link with one mixin call +// Order of arguments is: +// normal, hover, active, visited, focus +// states not specified will inherit. +// Mixin like so: +// a +// +link-colors(#00c, #0cc, #c0c, #ccc, #cc0) + +=link-colors(!normal, !hover = false, !active = false, !visited = false, !focus = false) + :color= !normal + @if !visited + &:visited + :color= !visited + @if !focus + &:focus + :color= !focus + @if !hover + &:hover + :color= !hover + @if !active + &:active + :color= !active + + \ No newline at end of file diff --git a/frameworks/compass/stylesheets/compass/utilities/links/_unstyled_link.sass b/frameworks/compass/stylesheets/compass/utilities/links/_unstyled_link.sass new file mode 100644 index 00000000..5f25ce39 --- /dev/null +++ b/frameworks/compass/stylesheets/compass/utilities/links/_unstyled_link.sass @@ -0,0 +1,5 @@ +// A link that looks and acts like the text it is contained within +=unstyled-link + :color inherit + :text-decoration inherit + :cursor inherit diff --git a/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.sass b/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.sass new file mode 100644 index 00000000..92da4588 --- /dev/null +++ b/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.sass @@ -0,0 +1,21 @@ +// Turn off the bullet for an element of a list +=no-bullet + :list-style-type none + :margin-left 0px + +// turns off the bullets for an entire list +=no-bullets + li + +no-bullet + +// Make a list(ul/ol) have an image bullet +// mixin should be used like this for an icon that is 5x7: +// ul.pretty +// +pretty-bullets(/images/my-icon.png, 5px, 7px) +=pretty-bullets(!bullet_icon, !width, !height, !line_height = 18px, !padding = 14px) + :margin-left 0 + li + :padding-left= !padding + :background= url(!bullet_icon) no-repeat ((!padding - !width) / 2) ((!line_height - !height) / 2) + :list-style-type none + diff --git a/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal_list.sass b/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal_list.sass new file mode 100644 index 00000000..c129ef2c --- /dev/null +++ b/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal_list.sass @@ -0,0 +1,17 @@ +// A list(ol,ul) that is layed out such that the elements are floated left and won't wrap. +// This is not an inline list. +=horizontal-list + :overflow auto + :list-style-type none + :padding-left 0px + :margin 0px + li + :white-space nowrap + :float left + :padding + :left 4px + :right 4px + &.first + :padding-left 0px + &.last + :padding-right 0px diff --git a/frameworks/compass/stylesheets/compass/utilities/lists/_inline_list.sass b/frameworks/compass/stylesheets/compass/utilities/lists/_inline_list.sass new file mode 100644 index 00000000..e6d0a185 --- /dev/null +++ b/frameworks/compass/stylesheets/compass/utilities/lists/_inline_list.sass @@ -0,0 +1,29 @@ +// makes a list inline. + +=inline-list + :list-style-type none + :margin 0px + :padding 0px + :display inline + li + :margin 0px + :padding 0px + :display inline + +// makes an inlin list that is comma delimited. +// use of this recipe is not recommended at this time due to browser support issues. +// +// use of :content and :after is not fully supported in all browsers. +// See http://www.quirksmode.org/css/contents.html#t15 for the support matrix +// +// :last-child is not fully supported +// see http://www.quirksmode.org/css/contents.html#t29 for the support matrix + +=comma-delimited-list + +inline-list + li + &:after + :content ", " + &:last-child, &.last + &:after + :content "" diff --git a/frameworks/compass/stylesheets/compass/utilities/tables/_alternating_rows_and_columns.sass b/frameworks/compass/stylesheets/compass/utilities/tables/_alternating_rows_and_columns.sass new file mode 100644 index 00000000..3a6d73c7 --- /dev/null +++ b/frameworks/compass/stylesheets/compass/utilities/tables/_alternating_rows_and_columns.sass @@ -0,0 +1,25 @@ +=alternating-rows-and-columns(!even_row_color, !odd_row_color, !dark_intersection) + td, + th + :padding 2px + &.numeric + :text-align right + tbody + th + :text-align center + thead + :font-size .9em + th.even + :background-color= #fff - !dark_intersection + tfoot + :font-size .9em + td.even + :background-color= #fff - !dark_intersection + tr.odd + :background-color= !odd_row_color + td.even + :background-color= !odd_row_color - !dark_intersection + tr.even + :background-color= !even_row_color + td.even + :background-color= !even_row_color - !dark_intersection diff --git a/frameworks/compass/stylesheets/compass/utilities/text/_nowrap.sass b/frameworks/compass/stylesheets/compass/utilities/text/_nowrap.sass new file mode 100644 index 00000000..1d5ada52 --- /dev/null +++ b/frameworks/compass/stylesheets/compass/utilities/text/_nowrap.sass @@ -0,0 +1,3 @@ +// When remembering whether or not there's a hyphen in white-space is too hard +=nowrap + :white-space nowrap