initiate styling based on genskabet styling.

2 files changed, 43 insertions, 0 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";