From 0a0649baafd381086de630dc8f475782c74f6f6f Mon Sep 17 00:00:00 2001 From: Case Duckworth Date: Mon, 18 Mar 2024 10:25:28 -0500 Subject: Move style and template to example/ --- example/style.css | 91 +++++++++++++++++++++++++++++++++++++++++++++++++++ example/template.html | 31 ++++++++++++++++++ 2 files changed, 122 insertions(+) create mode 100644 example/style.css create mode 100644 example/template.html (limited to 'example') diff --git a/example/style.css b/example/style.css new file mode 100644 index 0000000..9e48064 --- /dev/null +++ b/example/style.css @@ -0,0 +1,91 @@ +/* schwa example style */ + +* { box-sizing: border-box; } + +body { + width: fit-content; + margin: auto; + padding: 1em; + background: gray; +} + +main { + min-width: 40em; + background: white; + padding: 1em; + margin: 0; + border: 2px outset black; + border-top: none; +} + +.ll { + display: inline-block; + width: 3em; + text-align: right; + padding-right: 0.5em; + margin-right: 0.5em; +} + +header { + width: 100%; + color: white; + background: teal; + padding: 1em; + margin: 0; + border: 2px outset black; + border-bottom: none; + display: flex; + align-items: baseline; + justify-content: space-between; +} + +header h1 { + margin: 4px; +} + +footer, footer p { + margin: 0; padding: 4px; + text-align: right; + color: white; +} + +footer a:link { + color: cyan; +} + +footer a:visited { + color: magenta; +} + +header a:link { + text-decoration: none; + background: lightgray; + color: black; + padding: 4px; + border: 2px outset gray; +} +header a:visited { + color: black; +} +header a:hover { + border: 2px inset gray; +} +header a:active {} + +nav ul { + padding: 0; margin: 0; +} + +nav li { + display: inline-block; +} + +.clone, .desc { + font-style: italic; + text-align: right; + margin: 0; +} + +#readme { + max-width: 45em; +} diff --git a/example/template.html b/example/template.html new file mode 100644 index 0000000..c67ae0d --- /dev/null +++ b/example/template.html @@ -0,0 +1,31 @@ + + +
+ +