diff --git a/assets/styles/footer.sass b/assets/styles/footer.sass new file mode 100644 index 0000000..8e029ba --- /dev/null +++ b/assets/styles/footer.sass @@ -0,0 +1,40 @@ +.footer + background-color: black + color: white + display: flex + flex-wrap: wrap + text-align: center + padding: 1.5rem + + .license + + .contact + flex-grow: 1 + text-align: right + + button + border: 1px solid white + background-color: black + color: white + padding: 0.4rem + + .slogan + font-size: 0.8rem + +@media screen and (min-width: 800px) + .footer + align-items: center + + .license + order: 1 + width: auto + + .contact + order: 3 + width: auto + + .slogan + order: 2 + padding: 0 1rem + width: auto + flex-grow: 1 diff --git a/assets/styles/main.sass b/assets/styles/main.sass index 075e242..bc79da4 100644 --- a/assets/styles/main.sass +++ b/assets/styles/main.sass @@ -4,3 +4,15 @@ @import "./a11y" @import "./content" @import "./menu" +@import "./footer" + +body + background-color: green + +.layout + background-color: white + +@media screen and (min-width: 60em) + .layout + width: 800px + margin: 0 auto diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html new file mode 100644 index 0000000..a571346 --- /dev/null +++ b/layouts/_default/baseof.html @@ -0,0 +1,14 @@ + + +{{ partial "head.html" . }} +
+