summaryrefslogtreecommitdiff
path: root/medicmate.scss
diff options
context:
space:
mode:
Diffstat (limited to 'medicmate.scss')
-rw-r--r--medicmate.scss81
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;
+ }
+}
+