diff options
author | hellekin <how@cepheide.org> | 2023-04-29 12:01:10 +0200 |
---|---|---|
committer | hellekin <how@cepheide.org> | 2023-04-29 12:01:10 +0200 |
commit | 915627f6c4b10ee9e0963f5b635812e5816e323d (patch) | |
tree | 2d49a4c0775b8ddd3bb4088581840ce8cf10ed76 /assets/scss/_footer.scss | |
parent | 6aae3c8a35e765c55498d1faa8b98cc7b5e0c9ae (diff) | |
download | lesoiseaux.io-915627f6c4b10ee9e0963f5b635812e5816e323d.tar.gz |
Fix sinewave and make new home
Diffstat (limited to 'assets/scss/_footer.scss')
-rw-r--r-- | assets/scss/_footer.scss | 112 |
1 files changed, 56 insertions, 56 deletions
diff --git a/assets/scss/_footer.scss b/assets/scss/_footer.scss index 8d944ff..6119a00 100644 --- a/assets/scss/_footer.scss +++ b/assets/scss/_footer.scss @@ -10,81 +10,81 @@ body > footer { font-size: 1.15rem; h4 { - margin: 0; - font-size: 1.6rem; + margin: 0; + font-size: 1.6rem; - a { - text-decoration:none; - } + 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); - } + 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); + } + } } } |