From 669fc98610e5338c4a2e03c573c3bdb66dab36e7 Mon Sep 17 00:00:00 2001 From: Jonas Smedegaard Date: Thu, 2 Mar 2017 18:22:26 +0100 Subject: Borrow base styling from siriretier.dk and byvandring.nu. --- partials/_base-blueprint.scss | 6 ++++++ partials/_base.scss | 37 ++++++++++++++++++++++++++++++++++++ style.scss | 44 ++++++++++++++++++++++++++++++++++++++++++- 3 files changed, 86 insertions(+), 1 deletion(-) create mode 100644 partials/_base-blueprint.scss create mode 100644 partials/_base.scss 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"; diff --git a/style.scss b/style.scss index 674e57b..21a32cf 100644 --- a/style.scss +++ b/style.scss @@ -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; +} -- cgit v1.2.3