diff options
| author | Jonas Smedegaard <dr@jones.dk> | 2017-09-16 22:55:21 +0200 |
|---|---|---|
| committer | Jonas Smedegaard <dr@jones.dk> | 2017-09-16 22:55:21 +0200 |
| commit | 8319d55f6302c82f7d19e2dc0d1b3623eacccadf (patch) | |
| tree | 3c31797a22c4f1240246ba25ea3952049b280284 | |
| parent | d7400f129cfa70ddcdb23c8b193dec61bd23ac57 (diff) | |
Use Toolkit.
| -rw-r--r-- | Makefile | 6 | ||||
| -rw-r--r-- | README | 2 | ||||
| -rw-r--r-- | css/main.scss | 71 |
3 files changed, 6 insertions, 73 deletions
@@ -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) @@ -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 */ |