diff options
| author | A Farzat <a@farzat.xyz> | 2024-11-23 21:51:48 +0900 |
|---|---|---|
| committer | A Farzat <a@farzat.xyz> | 2024-11-23 21:51:48 +0900 |
| commit | 0426290c48ec8a7f2c979a1d2a4b471480dcae3a (patch) | |
| tree | 1e362ee3bdda6a6c69edaf2e69bd2c2c691d9a5a /sass | |
| parent | 90b21fb9c36b99a3dd2b9ec97d6a3264efd236b0 (diff) | |
| download | farzat.xyz-0426290c48ec8a7f2c979a1d2a4b471480dcae3a.tar.gz farzat.xyz-0426290c48ec8a7f2c979a1d2a4b471480dcae3a.zip | |
Add the footer
Diffstat (limited to 'sass')
| -rw-r--r-- | sass/_footer.scss | 35 | ||||
| -rw-r--r-- | sass/style.scss | 1 |
2 files changed, 36 insertions, 0 deletions
diff --git a/sass/_footer.scss b/sass/_footer.scss new file mode 100644 index 0000000..cf944e1 --- /dev/null +++ b/sass/_footer.scss @@ -0,0 +1,35 @@ +footer { + margin-top: 200*$px; +} +.footer { + margin: 100*$px auto; + text-align: center; +} +.social-icons { + & a { + cursor: pointer; + outline: none; + &:link, &:visited { + color: inherit; + text-decoration: none; + transition: transform .2s; + } + &:hover, &:active { + color: var(--color-primary); + transform: scale(1.05); + } + &:focus { + color: var(--color-accent); + transform: scale(1.05); + } + } + & svg { + max-width: 30*$px; + max-height: 30*$px; + fill: currentColor; + } + margin-top: 20*$px; + display: flex; + gap: 40*$px; + justify-content: center; +} diff --git a/sass/style.scss b/sass/style.scss index e9938ec..fb6a659 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -1,4 +1,5 @@ @import "variables"; +@import "footer"; @import "header"; @import "main"; @import "mixins"; |