diff options
Diffstat (limited to 'stylesheets/library')
-rw-r--r-- | stylesheets/library/_float.sass | 6 | ||||
-rw-r--r-- | stylesheets/library/_link_colors.sass | 8 | ||||
-rw-r--r-- | stylesheets/library/_list_borders.sass | 6 | ||||
-rw-r--r-- | stylesheets/library/_reset.sass | 36 | ||||
-rw-r--r-- | stylesheets/library/_typography.sass | 146 |
5 files changed, 103 insertions, 99 deletions
diff --git a/stylesheets/library/_float.sass b/stylesheets/library/_float.sass index b459e81f..1bb6ea3f 100644 --- a/stylesheets/library/_float.sass +++ b/stylesheets/library/_float.sass @@ -3,9 +3,9 @@ @import modules/_clearfix.sass // Available as alternate syntax with just +float -=float(!side = "left") - :display inline - :float= !side +=float($side: "left") + display: inline + float: !side // Implementation of float:left with fix for double-margin bug =float-left diff --git a/stylesheets/library/_link_colors.sass b/stylesheets/library/_link_colors.sass index 648fc1e2..d822c81b 100644 --- a/stylesheets/library/_link_colors.sass +++ b/stylesheets/library/_link_colors.sass @@ -1,7 +1,7 @@ -$default_link_color: #165B94 !default -$default_link_color_hover: #fff !default -$default_link_color_alt: #91D5F1 !default -$default_link_color_hover_alt: #000 !default +$default_link_color: #165B94 !default +$default_link_color_hover: #fff !default +$default_link_color_alt: #91D5F1 !default +$default_link_color_hover_alt: #000 !default =link-color($hover: true) +link-color-style($default_link_color, $default_link_color_hover, $default_link_color, $hover) diff --git a/stylesheets/library/_list_borders.sass b/stylesheets/library/_list_borders.sass index b4fe6dbb..aaa5ed2b 100644 --- a/stylesheets/library/_list_borders.sass +++ b/stylesheets/library/_list_borders.sass @@ -1,6 +1,6 @@ -=list-borders(!color1,!color2) - border-left= "1px solid" !color1 - border-right= "1px solid" !color2 +=list-borders($color1, $color2) + border-left: 1px solid $color1 + border-right: 1px solid $color2 &.alpha border-left: none &.omega diff --git a/stylesheets/library/_reset.sass b/stylesheets/library/_reset.sass index af4fe754..cc0de601 100644 --- a/stylesheets/library/_reset.sass +++ b/stylesheets/library/_reset.sass @@ -22,37 +22,37 @@ table +reset-table a img - :border none + border: none =reset-box-model - :margin 0 - :padding 0 - :border 0 + margin: 0 + padding: 0 + border: 0 =reset +reset-box-model - :font - :weight inherit - :style inherit - :size 100% - :family inherit - :vertical-align baseline + font: + weight: inherit + style: inherit + size: 100% + family: inherit + vertical-align: baseline =reset-quotation +reset - :quotes "" "" + quotes: "" "" &:before, &:after - :content "" + content: "" =reset-table-cell +reset - :text-align left - :font-weight normal - :vertical-align middle + text-align: left + font-weight: normal + vertical-align: middle =reset-table +reset - :border-collapse separate - :border-spacing 0 - :vertical-align middle + border-collapse: separate + border-spacing: 0 + vertical-align: middle diff --git a/stylesheets/library/_typography.sass b/stylesheets/library/_typography.sass index c349a7cc..d433601d 100644 --- a/stylesheets/library/_typography.sass +++ b/stylesheets/library/_typography.sass @@ -1,70 +1,74 @@ -!base_font_size ||= 16px -!small ||= floor(!base_font_size * .85) -!big ||= floor(!base_font_size * 1.25) -!base_font_color ||= #333 -!h6 = ceil(!base_font_size*1) -!h5 = ceil(!base_font_size*1) -!h4 = ceil(!base_font_size*1.2) -!h3 = ceil(!base_font_size*1.8) -!h2 = ceil(!base_font_size*2.8) -!h1 = ceil(!base_font_size*3.2) +$base-font-size: 16px !default +$small: floor($base-font-size * 0.85) !default +$big: floor($base-font-size * 1.25) !default +$base-font-color: #333333 !default +$h6: ceil($base-font-size * 1) +$h5: ceil($base-font-size * 1) +$h4: ceil($base-font-size * 1.2) +$h3: ceil($base-font-size * 1.8) +$h2: ceil($base-font-size * 2.8) +$h1: ceil($base-font-size * 3.2) -=heading-font +=heading-font font-family: "Helvetica Neue", Helvetica, Arial, sans-serif + =sans-font font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif + =serif-font font-family: Georgia, Times, "Times New Roman", serif + =fixed-font font-family: "Menlo", "Bitstream Vera Sans", Monaco, "Andale Mono", "Lucida Console", monospace + =mono-font +fixed-font -=general-typography(!font_size = !base_font_size) - +set-heading-sizes(!font_size) - +typography-defaults(!font_size) +=general-typography($font-size: $base-font-size) + +set-heading-sizes($font-size) + +typography-defaults($font-size) -=set-heading-sizes(!font_size = !base_font_size) - !h6 = ceil(!font_size*1) - !h5 = ceil(!font_size*1) - !h4 = ceil(!font_size*1.2) - !h3 = ceil(!font_size*1.8) - !h2 = ceil(!font_size*2.8) - !h1 = ceil(!font_size*3.2) +=set-heading-sizes($font-size: $base-font-size) + $h6: ceil($font-size * 1) + $h5: ceil($font-size * 1) + $h4: ceil($font-size * 1.2) + $h3: ceil($font-size * 1.8) + $h2: ceil($font-size * 2.8) + $h1: ceil($font-size * 3.2) h1, h2, h3, h4 &:first-child margin-top: 0 h1,h2,h3,h4,h5,h6 line-height: 1.1em - margin-bottom: .7em - margin-top: .3em + margin-bottom: 0.7em + margin-top: 0.3em h1 - font-size= !h1 + font-size: $h1 h2 - font-size= !h2 + font-size: $h2 h3 - font-size= !h3 + font-size: $h3 h4 - font-size= !h4 + font-size: $h4 h5 - font-size= !h5 + font-size: $h5 h6 - font-size= !h6 + font-size: $h6 -=typography-defaults(!font_size = !base_font_size) +=typography-defaults($font-size: $base-font-size) body line-height: 1.45em - color= !base_font_color + color: $base-font-color p - +p-style(!font_size) + +p-style($font-size) table - +table-style(!font_size) + +table-style($font-size) ol - +ol-style(!font_size) + +ol-style($font-size) ul - +ul-style(!font_size) + +ul-style($font-size) dl - +dl-style(!font_size) + +dl-style($font-size) blockquote +quote-style q @@ -80,88 +84,88 @@ del text-decoration: line-through span.highlight, em.highlight, strong.highlight - background-color: #ff6 + background-color: #ffff66 padding: 2px margin: 0 -2px abbr, acronym border-bottom: 1px dotted cursor: help address - margin-top= !font_size * 1.625 + margin-top: $font-size * 1.625 font-style: italic pre, code, tt +fixed-font - line-height= !font_size * 1.5 + line-height: $font-size * 1.5 tt display: block - margin= !font_size * 1.625 0 + margin: $font-size * 1.625 0 sub, sup line-height: 0 hr - margin-bottom: .2em + margin-bottom: 0.2em small, .small - font-size= floor(!font_size * .85) + font-size: floor($font-size * 0.85) big, .big - font-size= floor(!font_size * 1.25) + font-size: floor($font-size * 1.25) -=ol-style(!font_size = !base_font_size) +=ol-style($font-size: $base-font-size) list-style: inside decimal - margin= 0 0 !font_size * 1.625 + margin: 0 0 $font-size * 1.625 li ol - margin= 0 0 !font_size * 1.625 - -=ul-style(!font_size = !base_font_size) + margin: 0 0 $font-size * 1.625 + +=ul-style($font-size: $base-font-size) list-style: inside - margin= 0 0 !font_size * 1.625 + margin: 0 0 $font-size * 1.625 li ul - margin= 0 0 !font_size * 1.625 - -=dl-style(!font_size = !base_font_size) - margin= 0 0 !font_size * 1.625 + margin: 0 0 $font-size * 1.625 + +=dl-style($font-size: $base-font-size) + margin: 0 0 $font-size * 1.625 dt font-weight: bold dd - margin-left= !font_size * 1.625 + margin-left: $font-size * 1.625 -=quote-style(!font_size = !base_font_size) - padding= !font_size*1.5 !font_size*1.5 !font_size * 1.5 !font_size * 1.8 +=quote-style($font-size: $base-font-size) + padding: $font-size * 1.5 $font-size * 1.5 $font-size * 1.5 $font-size * 1.8 position: relative - margin-bottom= !font_size * 0.8125 + margin-bottom: $font-size * 0.813 &:before content: "\201C" - font-size= !font_size * 3 - margin= 5px 0 0 -.525em + font-size: $font-size * 3 + margin: 5px 0 0 -0.525em position: absolute font-family: Times, Georgia, serif line-height: 0 > p padding: 0 margin: 0 - -=p-style(!font_size = !base_font_size) + +=p-style($font-size: $base-font-size) padding-bottom: 1.3em img float: left margin: - top= !font_size * .5 - right= !font_size * .8125 - bottom= !font_size* .8125 - left= 0 + top: $font-size * 0.5 + right: $font-size * 0.813 + bottom: $font-size * 0.813 + left: 0 padding: 0 &.right margin: - right= 0 - left= !font_size * .8125 + right: 0 + left: $font-size * 0.813 -=table-style(!font_size = !base_font_size) - margin= 0 0 !font_size * 1.625 +=table-style($font-size: $base-font-size) + margin: 0 0 $font-size * 1.625 border-collapse: collapse th font-weight: bold tr, th, td margin: 0 - padding= 0 !font_size * 1.625 0 !font_size + padding: 0 $font-size * 1.625 0 $font-size tfoot font-style: italic caption - text-align: center
\ No newline at end of file + text-align: center |