diff options
Diffstat (limited to 'public/styles.scss')
| -rw-r--r-- | public/styles.scss | 129 |
1 files changed, 52 insertions, 77 deletions
diff --git a/public/styles.scss b/public/styles.scss index 8fe64a1..0b30a70 100644 --- a/public/styles.scss +++ b/public/styles.scss @@ -1,77 +1,52 @@ -/* /* --------------------- Open Props --------------------------- */ */ -/**/ -/* /* the props */ */ -/* @import "https://unpkg.com/open-props"; */ -/**/ -/* /* optional imports that use the props */ */ -/* @import "https://unpkg.com/open-props/normalize.min.css"; */ -/* @import "https://unpkg.com/open-props/buttons.min.css"; */ -/**/ -/* /* ------------------------------------------------------------ */ */ -/**/ -/* body { */ -/* font-family: sans-serif; */ -/* text-align: center; */ -/* } */ -/**/ -/* .container { */ -/* display: flex; */ -/* flex-direction: column; */ -/* justify-content: space-around; */ -/* align-items: center; */ -/* } */ -/**/ -/* .container > .container { */ -/* border-width: 2px; */ -/* border-style: solid; */ -/* border-color: gray; */ -/* border-radius: 30px; */ -/* margin: 0 20px 20px 0; */ -/* } */ -/**/ -/* .box { */ -/* background-color: #ffdddddd; */ -/* } */ -/**/ -/* .nav { */ -/* display: flex; */ -/* flex-direction: row; */ -/* justify-content: space-around; */ -/* align-items: start; */ -/* } */ -/**/ -/* nav > h1 { */ -/* text-align: start; */ -/* margin: 0 auto; */ -/* padding: 0rem; */ -/* } */ -/**/ -/* .buttons { */ -/* display: flex; */ -/* justify-content: space-evenly; */ -/* } */ -/**/ -/* h1, */ -/* h2, */ -/* h3, */ -/* h4, */ -/* h5, */ -/* h6 { */ -/* text-align: center; */ -/* margin: 0 auto; */ -/* padding: 2rem; */ -/* } */ -/**/ -/* p, */ -/* button { */ -/* margin: var(--size-6); */ -/* } */ -/**/ -/* body > picture, */ -/* button { */ -/* display: block; */ -/* margin-left: auto; */ -/* margin-right: auto; */ -/* text-align: center; */ -/* margin: 2rem; */ -/* } */ +/* --------------------- Open Props --------------------------- */ + +/* the props */ +@import "https://unpkg.com/open-props"; + +/* optional imports that use the props */ +@import "https://unpkg.com/open-props/normalize.min.css"; +@import "https://unpkg.com/open-props/buttons.min.css"; + +/* ------------------------------------------------------------ */ + +body { + font-family: sans-serif; + text-align: center; +} + +.container { + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: center; +} + +.buttons { + display: flex; + justify-content: space-evenly; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + text-align: center; + margin: 0 auto; + padding: 2rem; +} + +p, +button { + margin: var(--size-6); +} + +body > picture, +button { + display: block; + margin-left: auto; + margin-right: auto; + text-align: center; + margin: 2rem; +} |
