diff options
| author | A Farzat <a@farzat.xyz> | 2024-11-24 17:05:45 +0900 |
|---|---|---|
| committer | A Farzat <a@farzat.xyz> | 2024-11-24 17:05:45 +0900 |
| commit | bb64db756c0df21d73c036ece2cd0e04a30a4513 (patch) | |
| tree | cd424364a9c926bb3e00128a95947711483a772a /sass | |
| parent | dca9703153b3b6fbaaa2ea465aaeb6a01248a0dc (diff) | |
| download | farzat.xyz-bb64db756c0df21d73c036ece2cd0e04a30a4513.tar.gz farzat.xyz-bb64db756c0df21d73c036ece2cd0e04a30a4513.zip | |
Diffstat (limited to 'sass')
| -rw-r--r-- | sass/Components/_buttons.scss | 16 | ||||
| -rw-r--r-- | sass/_main.scss | 9 | ||||
| -rw-r--r-- | sass/style.scss | 2 |
3 files changed, 26 insertions, 1 deletions
diff --git a/sass/Components/_buttons.scss b/sass/Components/_buttons.scss new file mode 100644 index 0000000..27a7f07 --- /dev/null +++ b/sass/Components/_buttons.scss @@ -0,0 +1,16 @@ +.btn { + text-decoration: none; + display: inline-block; + line-height: 2.25; + padding: 8*$px 32*$px; + border-radius: 8*$px; + white-space: nowrap; + &--primary { + color: var(--color-background); + background-color: var(--color-primary); + } + &--secondary { + color: var(--color-text); + background-color: var(--color-secondary); + } +} diff --git a/sass/_main.scss b/sass/_main.scss index 2630b74..a8cc99f 100644 --- a/sass/_main.scss +++ b/sass/_main.scss @@ -9,8 +9,15 @@ flex-wrap: wrap-reverse; row-gap: 20*$px; column-gap: 40*$px; - &__title { + &__text { margin: auto; + display: flex; + flex-direction: column; + } + &__cta { + display: flex; + justify-content: space-around; + flex-wrap: wrap; } &__img { flex: 1; diff --git a/sass/style.scss b/sass/style.scss index fb6a659..a74be39 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -1,4 +1,5 @@ @import "variables"; +@import "Components/buttons"; @import "footer"; @import "header"; @import "main"; @@ -30,4 +31,5 @@ body { padding: 0; margin: 0; position: relative; + min-height: 100vh; } |