From 8319d55f6302c82f7d19e2dc0d1b3623eacccadf Mon Sep 17 00:00:00 2001
From: Jonas Smedegaard <dr@jones.dk>
Date: Sat, 16 Sep 2017 22:55:21 +0200
Subject: Use Toolkit.

---
 Makefile      |  6 +++--
 README        |  2 +-
 css/main.scss | 71 +----------------------------------------------------------
 3 files changed, 6 insertions(+), 73 deletions(-)

diff --git a/Makefile b/Makefile
index 2bd51ec..a55daf4 100644
--- a/Makefile
+++ b/Makefile
@@ -1,9 +1,11 @@
 cssfiles := css/main.css css/print.css
 
+sass_includedir = /usr/share/compass/frameworks/toolkit/stylesheets
+
 all: $(cssfiles)
 
-$(cssfiles): css/%.css : css/%.scss
-	sassc $< $@
+$(cssfiles): css/%.css : css/%.scss $(sass_includedir)
+	sassc -I $(sass_includedir) $< $@
 
 clean:
 	rm -f $(cssfiles)
diff --git a/README b/README
index 28ef7fc..1104d61 100644
--- a/README
+++ b/README
@@ -8,7 +8,7 @@ Preparations
  1) Use the stable release (Stretch) of Debian <http://www.debian.org/>
  2) Install needed tools:
 
-	sudo apt install git sassc
+	sudo apt install git sassc compass-toolkit-plugin
 
 
 Use
diff --git a/css/main.scss b/css/main.scss
index b0ed6a1..fdceb6f 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -9,76 +9,7 @@ By Clearleft.com
 
 /* @group Reset */
 
-/* Based on http://meyerweb.com/eric/tools/css/reset/ */
-/* v1.0 | 20080212 */
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, font, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	outline: 0;
-	font-size: 100%;
-	vertical-align: baseline;
-	background: transparent;
-}
-
-ul {
-	list-style: none;
-}
-blockquote, q {
-	quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
-}
-
-:focus {
-	outline: 0;
-}
-
-/* tables may still need 'cellspacing="0"' in the markup */
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-
-/* @end */
-
-
-body {
-	background: #fff;
-	color:#000;
    font-size:14px;
    line-height:1.2em; 
}
-
-a:link, 
-button.link span {
-	color: #0063DC;
-	text-decoration: underline;
-}
a:visited {
-	color: #1057ae;
-	text-decoration: underline;
-}
a:hover, 
-a:focus,
-button.link:hover,
-button.link:focus span {
-	color: #FFFFFF; 
-	text-decoration: none;
-	background-color: #0063DC;
-}
a:active, 
-button.link:active span {
-	color: #FFFFFF; 
-	text-decoration: none; 
-	background-color: #0259C4; 
-}
+@import "toolkit/reset";
 
 /* @group Font families */
 
-- 
cgit v1.2.3