diff options
| author | seth <[email protected]> | 2023-03-17 23:32:45 -0400 |
|---|---|---|
| committer | seth <[email protected]> | 2023-03-17 23:32:45 -0400 |
| commit | 161359359d5585d38718c2a90812a60486cec227 (patch) | |
| tree | cbfd27c6c5539b05bd5f98a4f8f69d358cdb580a /src/guzzle.sass | |
| parent | a0e562b603599abbfee76764202bdee331e470e1 (diff) | |
feat: add headerbar + refactor
Diffstat (limited to 'src/guzzle.sass')
| -rw-r--r-- | src/guzzle.sass | 86 |
1 files changed, 61 insertions, 25 deletions
diff --git a/src/guzzle.sass b/src/guzzle.sass index c045a44..68834d8 100644 --- a/src/guzzle.sass +++ b/src/guzzle.sass @@ -1,10 +1,33 @@ @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&display=swap') +@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap') -$fonts: "Fira Code", monospace -$foreground-color: #1e1e2e +$fonts: "Noto Sans", "Fira Code", monospace +$background-color: #1e1e2e +$foreground-color: #b4befe +$complementary-color: #cba6f7 + +body + background-color: $background-color + font-family: $fonts + + padding: 10px + + p,li + font-size: 16px + + h1 + font-size: 24px + +footer + font-size: 12px + color: white + + display: flex + align-items: center + justify-content: center .container - background-color: #b4befe + background-color: $foreground-color display: flex flex: 1 1 auto @@ -13,45 +36,58 @@ $foreground-color: #1e1e2e justify-content: center width: fit-content + min-width: 33% margin-left: auto margin-right: auto - margin-top: 8% + margin-top: 2% - padding: 20px + border-radius: 5px -body +.content + display: inline-block + text-align: center + + margin: 5px + + padding: 5px + +.headerbar background-color: $foreground-color - font-family: $fonts - padding: 10px 36px + display: flex + flex-direction: row + align-items: center + justify-content: center - p,li - font-size: 16px + width: fit-content - h1 - font-size: 24px + margin-left: auto + margin-right: auto + margin-top: 2% -footer - font-size: 10px - color: white + border-radius: 5px padding: 10px - justify-content: center - text-align: center -.content - display: inline-block - text-align: center +#blogpost + min-width: 50% + +#commitText + width: fix-content + + margin: 10px padding: 5px - margin: 5px + border-radius: 5px -.gifs - background-color: $foreground-color +#gifs + background-color: $background-color display: inline-block text-align: center - padding: 5px - margin: 5px + padding: 10px + margin: 10px #vidya display: flex justify-content: center + padding: 5px + margin: 5px |