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 +++++++++++++++++++++++++++++++++++++ 2 files changed, 43 insertions(+) create mode 100644 partials/_base-blueprint.scss create mode 100644 partials/_base.scss (limited to 'partials') 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"; -- cgit v1.2.3