aboutsummaryrefslogtreecommitdiff
path: root/assets/scss/_footer.scss
diff options
context:
space:
mode:
authorhellekin <how@cepheide.org>2023-04-29 12:01:10 +0200
committerhellekin <how@cepheide.org>2023-04-29 12:01:10 +0200
commit915627f6c4b10ee9e0963f5b635812e5816e323d (patch)
tree2d49a4c0775b8ddd3bb4088581840ce8cf10ed76 /assets/scss/_footer.scss
parent6aae3c8a35e765c55498d1faa8b98cc7b5e0c9ae (diff)
downloadlesoiseaux.io-915627f6c4b10ee9e0963f5b635812e5816e323d.tar.gz
Fix sinewave and make new home
Diffstat (limited to 'assets/scss/_footer.scss')
-rw-r--r--assets/scss/_footer.scss112
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);
+ }
+ }
}
}