From 72aaaa572802768f72bb72619d0ac66bfa5affb6 Mon Sep 17 00:00:00 2001 From: Ryan Cao <70191398+ryanccn@users.noreply.github.com> Date: Fri, 17 Mar 2023 20:53:54 +0800 Subject: fix: stylistic changes --- src/guzzle.sass | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) (limited to 'src/guzzle.sass') diff --git a/src/guzzle.sass b/src/guzzle.sass index a5403e1..ebd7f8d 100644 --- a/src/guzzle.sass +++ b/src/guzzle.sass @@ -6,22 +6,24 @@ $foreground-color: #1e1e2e .container background-color: #b4befe - display: inline-flex + display: flex flex: 1 1 auto flex-direction: column align-items: center justify-content: center - margin-left: 20% - margin-right: 20% - margin-top: 8% + width: fit-content - padding: 10px + margin-left: auto + margin-right: auto + margin-top: 8% body background-color: $foreground-color font-family: $fonts + padding: 10px 36px + p,li font-size: 16px -- cgit v1.2.3 From 681eda28c92996ea84d88f8dc3bf8041fde5bd39 Mon Sep 17 00:00:00 2001 From: Ryan Cao <70191398+ryanccn@users.noreply.github.com> Date: Fri, 17 Mar 2023 20:58:57 +0800 Subject: design: increase main content padding --- src/guzzle.sass | 2 ++ 1 file changed, 2 insertions(+) (limited to 'src/guzzle.sass') diff --git a/src/guzzle.sass b/src/guzzle.sass index ebd7f8d..dc595ad 100644 --- a/src/guzzle.sass +++ b/src/guzzle.sass @@ -18,6 +18,8 @@ $foreground-color: #1e1e2e margin-right: auto margin-top: 8% + padding: 20px + body background-color: $foreground-color font-family: $fonts -- cgit v1.2.3 From 0601dcac61c88622a9c1b745f1e2812a4659714f Mon Sep 17 00:00:00 2001 From: Ryan Cao <70191398+ryanccn@users.noreply.github.com> Date: Fri, 17 Mar 2023 21:09:45 +0800 Subject: t a b s --- src/guzzle.sass | 68 ++++++++++++++++++++++++++++----------------------------- 1 file changed, 34 insertions(+), 34 deletions(-) (limited to 'src/guzzle.sass') diff --git a/src/guzzle.sass b/src/guzzle.sass index dc595ad..d3ab79b 100644 --- a/src/guzzle.sass +++ b/src/guzzle.sass @@ -4,54 +4,54 @@ $fonts: "Fira Code", monospace $foreground-color: #1e1e2e .container - background-color: #b4befe + background-color: #b4befe - display: flex - flex: 1 1 auto - flex-direction: column - align-items: center - justify-content: center + display: flex + flex: 1 1 auto + flex-direction: column + align-items: center + justify-content: center - width: fit-content + width: fit-content - margin-left: auto - margin-right: auto - margin-top: 8% + margin-left: auto + margin-right: auto + margin-top: 8% - padding: 20px + padding: 20px body - background-color: $foreground-color - font-family: $fonts + background-color: $foreground-color + font-family: $fonts - padding: 10px 36px + padding: 10px 36px - p,li - font-size: 16px + p,li + font-size: 16px - h - font-size: 24px + h + font-size: 24px footer - font-size: 10px - color: white - padding: 10px - justify-content: center - text-align: center + font-size: 10px + color: white + padding: 10px + justify-content: center + text-align: center .content - display: inline-block - text-align: center - padding: 5px - margin: 5px + display: inline-block + text-align: center + padding: 5px + margin: 5px .gifs - background-color: $foreground-color - display: inline-block - text-align: center - padding: 5px - margin: 5px + background-color: $foreground-color + display: inline-block + text-align: center + padding: 5px + margin: 5px #vidya - display: flex - justify-content: center + display: flex + justify-content: center -- cgit v1.2.3