diff options
Diffstat (limited to 'medicmate.scss')
-rw-r--r-- | medicmate.scss | 81 |
1 files changed, 81 insertions, 0 deletions
diff --git a/medicmate.scss b/medicmate.scss new file mode 100644 index 0000000..41b244e --- /dev/null +++ b/medicmate.scss @@ -0,0 +1,81 @@ +--- +--- + +$orange: #dd8800; +$link-color: #00e; +$light: #999; +$dark: #333; + +$horizontal-break: 600px; +$vertical-break: 800px; + +body { + font-size: 16px; + font-family: 'Roboto', sans-serif; + font-weight: 300; + padding: 0; + margin: 0; + color: $dark; +} + +h1 { + margin: 0; + font-size: 2em; + font-weight: 300; + color: $orange; +} + +h2 { + font-size: 1.2em; + font-weight: 300; + color: $orange; +} + +header { + margin: 0; + background-color: $orange; + color: white; + text-align: center; + padding: 1em; + + h1 { + color: white; + } +} + +main { + padding: 1em; + margin-left: auto; + margin-right: auto; + max-width: $horizontal-break; +} + +footer { + text-align: center; + color: $light; +} + +li { + padding: 0.5em; +} + +p { + margin-top: 1em; + margin-bottom: 0; +} + +a { + color: $link-color; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +@media (min-width: $horizontal-break) { + header { + padding: 3em; + } +} + |