dbloete
15 years ago
committed by
Brandon Mathis
9 changed files with 70 additions and 70 deletions
@ -1,3 +1,3 @@ |
|||
//compass default reset |
|||
+global-reset |
|||
@import compass/utilities.sass |
|||
@import "compass/utilities" |
@ -1,7 +1,7 @@ |
|||
@import compass/utilities |
|||
@import compass/css3 |
|||
@import "compass/utilities" |
|||
@import "compass/css3" |
|||
|
|||
@import library/reset.sass |
|||
@import library/list_borders.sass |
|||
@import library/typography.sass |
|||
@import library/link_colors.sass |
|||
@import "library/reset" |
|||
@import "library/list_borders" |
|||
@import "library/typography" |
|||
@import "library/link_colors" |
@ -1,47 +1,47 @@ |
|||
// Link Colors |
|||
!link_color = lighten(#165B94, .30) |
|||
$link_color: lighten(#165B94, .30) |
|||
|
|||
// Main Section Colors |
|||
!body_color = #333 |
|||
!light_text = #999 |
|||
!body_bg = #323232 |
|||
|
|||
!header_bg = #323232 |
|||
!header_border = #181818 |
|||
!title_color = #ddd |
|||
|
|||
!nav_color = #555 |
|||
!nav_color_hover = #000 |
|||
!nav_bg = #e8e8e8 |
|||
!nav_border_top = #fff |
|||
!nav_border_bottom = #aaa |
|||
!nav_border_left = #ccc |
|||
!nav_border_right = #fff |
|||
|
|||
!page_border_sides = #ccc |
|||
!page_bg = #f0f0f0 |
|||
!sidebar_bg = #fcfcfc |
|||
!sidebar_border = #eee |
|||
$body_color: #333 |
|||
$light_text: #999 |
|||
$body_bg: #323232 |
|||
|
|||
$header_bg: #323232 |
|||
$header_border: #181818 |
|||
$title_color: #ddd |
|||
|
|||
$nav_color: #555 |
|||
$nav_color_hover: #000 |
|||
$nav_bg: #e8e8e8 |
|||
$nav_border_top: #fff |
|||
$nav_border_bottom: #aaa |
|||
$nav_border_left: #ccc |
|||
$nav_border_right: #fff |
|||
|
|||
$page_border_sides: #ccc |
|||
$page_bg: #f0f0f0 |
|||
$sidebar_bg: #fcfcfc |
|||
$sidebar_border: #eee |
|||
|
|||
// Blog |
|||
!article_border = #eee |
|||
!main_bg = #fff |
|||
$article_border: #eee |
|||
$main_bg: #fff |
|||
|
|||
!footer_color = #999 |
|||
!footer_bg = #444 |
|||
$footer_color: #999 |
|||
$footer_bg: #444 |
|||
|
|||
// Form Colors |
|||
!fieldset_bg = #ececec |
|||
!fieldset_border = #c3c3c3 |
|||
$fieldset_bg: #ececec |
|||
$fieldset_border: #c3c3c3 |
|||
|
|||
!textinput_color = #333 |
|||
!textinput_bg = #f4f4f4 |
|||
!textinput_bg_focus = #fefeee |
|||
$textinput_color: #333 |
|||
$textinput_bg: #f4f4f4 |
|||
$textinput_bg_focus: #fefeee |
|||
|
|||
!textinput_border_top = #aaa |
|||
!textinput_border_bottom = #c6c6c6 |
|||
!textinput_border_left = #c3c3c3 |
|||
!textinput_border_right = #c3c3c3 |
|||
!textinput_border_focus = #989898 |
|||
$textinput_border_top: #aaa |
|||
$textinput_border_bottom: #c6c6c6 |
|||
$textinput_border_left: #c3c3c3 |
|||
$textinput_border_right: #c3c3c3 |
|||
$textinput_border_focus: #989898 |
|||
|
|||
!twitter_topic = #888 |
|||
$twitter_topic: #888 |
@ -1,24 +1,24 @@ |
|||
!default_link_color ||= #165B94 |
|||
!default_link_color_hover ||= #fff |
|||
!default_link_color_alt ||= #91D5F1 |
|||
!default_link_color_hover_alt ||= #000 |
|||
$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) |
|||
=link-color($hover: true) |
|||
+link-color-style($default_link_color, $default_link_color_hover, $default_link_color, $hover) |
|||
|
|||
=link-color-alt(!hover = true) |
|||
+link-color-style(!default_link_color_alt, !default_link_color_hover_alt, !default_link_color_alt, !hover) |
|||
=link-color-alt($hover: true) |
|||
+link-color-style($default_link_color_alt, $default_link_color_hover_alt, $default_link_color_alt, $hover) |
|||
|
|||
=link-color-heading(!link_color = "inherit", !hover_bg_color = #ccc) |
|||
+link-color-style(!link_color,) |
|||
=link-color-heading($link_color: "inherit", $hover_bg_color: #ccc) |
|||
+link-color-style($link_color) |
|||
|
|||
=link-color-style(!color = !default_link_color, !color_hover = !default_link_color_hover, !link_hover_bg = !color, !hover = true) |
|||
color= !color |
|||
=link-color-style($color: $default_link_color, $color_hover: $default_link_color_hover, $link_hover_bg: $color, $hover: true) |
|||
color: $color |
|||
padding: 2px |
|||
margin: 0 -2px |
|||
+border-radius(3px) |
|||
@if !hover |
|||
@if $hover |
|||
&:hover |
|||
background-color= !link_hover_bg |
|||
color= !color_hover |
|||
background-color: $link_hover_bg |
|||
color: $color_hover |
|||
text-decoration: none |
@ -1,11 +1,11 @@ |
|||
#header |
|||
background-color: {!header_bg} |
|||
border-bottom: 1px solid #{!header_border} |
|||
background-color: $header_bg |
|||
border-bottom: 1px solid #{$header_border} |
|||
padding: 25px 0 |
|||
h1 |
|||
display: inline-block |
|||
margin: 0 |
|||
a.title |
|||
font-weight: normal |
|||
color: #{!title_color} |
|||
color: #{$title_color} |
|||
text-decoration: none |
@ -1,11 +1,11 @@ |
|||
/* SASS mixins */ |
|||
@import library.sass |
|||
@import "library" |
|||
|
|||
/* primary SASS */ |
|||
@import base.sass |
|||
@import theme.sass |
|||
@import typography.sass |
|||
@import layout.sass |
|||
@import "base" |
|||
@import "theme" |
|||
@import "typography" |
|||
@import "layout" |
|||
|
|||
/* specific SASS */ |
|||
@import partials.sass |
|||
@import "partials" |
Loading…
Reference in new issue