ulysia/site
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

added customfooter scss

Browse source
This commit is contained in:
Ulysia 2024-10-14 09:33:17 +02:00
parent e52082ba0b
commit 33683ebded
2 changed files with 51 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
quartz/components/CustomFooter.tsx
View file

@ -1,5 +1,5 @@
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
import style from "./styles/footer.scss"
import style from "./styles/customfooter.scss"
import btnstyle from "./styles/buttons8831.scss"
import FooterLinksConstructor from "./Footer_links"
import Btn8831 from "./Btn8831"

50
quartz/components/styles/customfooter.scss Normal file
View file

@ -0,0 +1,50 @@
footer {
text-align: left;
margin-bottom: 4rem;
// opacity: 0.7;
* {
opacity: 0.7;
}
& ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
gap: 1rem;
margin-top: -1rem;
}
}
.rings {
display:flex;
flex-direction: column;
}
.ring {
display:flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.ringbtn {
font-size: 0.9rem !important;
border-radius: 16px !important;
border:none !important;
background-color: rgba(100,100,100, 0.3) !important;
padding: 0.4rem 0.8rem !important;
margin: 0.2rem 0.4rem !important;
text-decoration: none !important;
width: fit-content !important;
height: fit-content !important;
cursor:pointer !important;
}
.ringbtn:hover{
background-color: rgba(100,100,100, 0.5) !important;
}
.ring svg {
display:none !important;
}