diff options
| -rw-r--r-- | partials/_base-blueprint.scss | 6 | ||||
| -rw-r--r-- | partials/_base.scss | 37 | ||||
| -rw-r--r-- | style.scss | 44 |
3 files changed, 86 insertions, 1 deletions
diff --git a/partials/_base-blueprint.scss b/partials/_base-blueprint.scss new file mode 100644 index 0000000..35dabed --- /dev/null +++ b/partials/_base-blueprint.scss @@ -0,0 +1,6 @@ +// Blueprint integration +// +// No styleguide reference. +$blueprint-font-family: $baseFontFamily; + +$blueprint-font-size: $baseFontSize; diff --git a/partials/_base.scss b/partials/_base.scss new file mode 100644 index 0000000..1cc52ea --- /dev/null +++ b/partials/_base.scss @@ -0,0 +1,37 @@ +// Colors +// +// (don't use these directly - only referenced by other variables) +// +// No styleguide reference. +$black: black; +$white: white; +$green: darkgreen; + +// color model +$colorBase: $black; +$colorBg: $white; +$colorPrimary: $green; + +// Typography +// +// No styleguide reference. +// Follow W3C recommendation: http://www.w3.org/QA/Tips/font-size +$baseFontSize: 16px; +$baseFontFamily: Arial, Helvetica, sans-serif; + +$baseTextColor: $colorBase; + +$linkColor: $colorBase; +$linkHoverColor: $colorPrimary; + +$headerColor: $colorPrimary; + +// Media +// +// No styleguide reference. +$large-desktop: screen min-width 40em; + +// Framework integrations +// +// No styleguide reference. +@import "base-blueprint"; @@ -1,7 +1,49 @@ +@import "partials/base"; @import "h5bp"; @import "../shared/themes/default/ikiwiki"; -@import "compass"; +@import "compass/reset/utilities"; +@import "compass/typography"; +@import "blueprint"; +@import "breakpoint"; @include h5bp-normalize; @include ikiwiki-style; + +@include blueprint-typography; +h1 { + font-size: 2.75em; +} + +.pageheader { + padding: 1em; +} + +a { + @include hover-link; + @include link-colors($linkColor, $linkHoverColor, $linkColor, $linkColor, $linkHoverColor); + font-weight: bold; +} +.selflink { + color: $linkHoverColor; +} + +.header, +.author, +.recentchanges, +.committype, +#footer, +.inlinefooter { + font-size: 80%; +} + +#content { + width: 100%; + max-width: 52em; + margin: 0 auto; + padding: 1em; +} + +#backlinks { + display: none; +} |