summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--Makefile6
-rw-r--r--README2
-rw-r--r--css/main.scss71
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 */