From 2270e839072b5b68b695994faec97c8a18623414 Mon Sep 17 00:00:00 2001 From: Siri Reiter Date: Thu, 21 May 2020 00:02:34 +0200 Subject: initiate styling based on genskabet styling. --- partials/_base-blueprint.scss | 6 ++++ partials/_base.scss | 37 ++++++++++++++++++++ style.scss | 80 +++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 123 insertions(+) create mode 100644 partials/_base-blueprint.scss create mode 100644 partials/_base.scss create mode 100644 style.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 new file mode 100644 index 0000000..a057668 --- /dev/null +++ b/style.scss @@ -0,0 +1,80 @@ +@import "partials/base"; +@import "h5bp"; +@import "../shared/themes/default/ikiwiki"; +@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%; +} + +.topbar { + padding: 1em 2em; +} + +.topbar ul { + @include inline-list; + li { + margin-right: 4%; + font-variant: all-petite-caps; + } +} + +#content { + width: 100%; + max-width: 52em; + margin: 0 auto; + padding: 1em; +} + +#backlinks { + display: none; +} + +img { + float: right; + vertical-align: top; + margin: 0 1em 1em 0; + padding: 0; + max-width: 100%; + height: auto; +} + +img.solo { + float: none; + display: block; + clear: both; +} + +th { + text-align: left; +} -- cgit v1.2.3