diff options
author | hellekin <hellekin@cepheide.org> | 2022-06-02 18:07:18 +0200 |
---|---|---|
committer | hellekin <hellekin@cepheide.org> | 2022-06-02 18:07:18 +0200 |
commit | 435bc825f01798379e8eb33152ee9592dd54bf94 (patch) | |
tree | fabc5aaa3b2ea9ed88a2fa9e210be787d8260735 /assets/scss/_footer.scss | |
parent | bb4584cdf1f629ecf056633528e249cd9aef1451 (diff) | |
download | lesoiseaux.io-435bc825f01798379e8eb33152ee9592dd54bf94.tar.gz |
Remove unused files and correct existing ones.
Diffstat (limited to 'assets/scss/_footer.scss')
-rw-r--r-- | assets/scss/_footer.scss | 113 |
1 files changed, 63 insertions, 50 deletions
diff --git a/assets/scss/_footer.scss b/assets/scss/_footer.scss index 39d474a..8d944ff 100644 --- a/assets/scss/_footer.scss +++ b/assets/scss/_footer.scss @@ -3,75 +3,88 @@ body > footer { position: relative; left: 0; right: 0; - font-size: smaller; - margin: 5rem auto 2rem auto; width: 80vw; + max-width: 60rem; + font-size: 1.15rem; + + h4 { + margin: 0; + font-size: 1.6rem; + + a { + text-decoration:none; + } + } a { - white-space: nowrap; + white-space: nowrap; } &:hover > p { - > span:first-child { - display: inline-block; - color: transparent; - line-height: 0; - } - > span:first-child:before { - content: 'Copyleft'; - display: block; - color: black; - padding-right: 0.4rem; - } - > span + span { - display: inline-block; - transform: rotate(180deg); - padding-bottom: -0.07rem; - } + > span:first-child { + display: inline-block; + color: transparent; + line-height: 0; + } + > span:first-child:before { + content: 'Copyleft'; + display: block; + color: black; + padding-right: 0.4rem; + } + > span + span { + display: inline-block; + transform: rotate(180deg); + padding-bottom: -0.07rem; + } + > span:first-child + span { + display: inline-block; + transform: rotate(180deg) translateY(0.1rem); + } } } footer > nav { ul { - display: inline-block; - margin: 0; - padding: 0; - list-style: none; + display: inline-block; + margin: 0; + padding: 0; + list-style: none; } li { - display: inline-block; - margin: 0 0.75rem; - width: 4rem; - height: 3rem; - border: 1px solid; - border-bottom: 3px solid; - border-color: transparent; - border-top-right-radius: 0.5rem; - text-align: center; + display: inline-block; + margin: 0 0.75rem; + width: 4rem; + height: 3rem; + border: 1px solid; + border-bottom: 3px solid; + border-color: transparent; + border-top-right-radius: 0.5rem; + text-align: center; - a { - position: relative; - display: block; - width: 100%; - height: 100%; - line-height: 3rem; - margin: 0; - padding: 0; - background: rgba(0,0,0,0.25); - border-top-right-radius: 0.5rem; - } + a { + position: relative; + display: block; + width: 100%; + height: 100%; + line-height: 3rem; + margin: 0; + padding: 0; + background: rgba(0,0,0,0.25); + border-top-right-radius: 0.5rem; + } - &:hover { - border-color: rgba(220, 201, 133, 1); + &:hover { + border-color: rgba(220, 201, 133, 1); - a { - font-weight: bold; - background: rgba(0,0,0,0.5); - } - } + a { + font-weight: bold; + background: rgba(0,0,0,0.5); + } + } } } |