summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJonas Smedegaard <dr@jones.dk>2017-03-02 18:22:26 +0100
committerJonas Smedegaard <dr@jones.dk>2017-03-02 18:22:26 +0100
commit669fc98610e5338c4a2e03c573c3bdb66dab36e7 (patch)
treebe12d72351ebffe5562ca3c8281d20d2b9536577
parente14b214c7191b4e112e55d490f9fc41695e2809c (diff)
Borrow base styling from siriretier.dk and byvandring.nu.
-rw-r--r--partials/_base-blueprint.scss6
-rw-r--r--partials/_base.scss37
-rw-r--r--style.scss44
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";
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;
+}