quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

footer, root module nav, and main page done

Browse source
This commit is contained in:
Xanazf 2024-10-09 01:14:02 +03:00
parent cd1226e333
commit 23719ec405
No known key found for this signature in database
GPG key ID: 4E4A5AD1FB748427
17 changed files with 519 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

77
src/styles/global.css
View file

@ -3,6 +3,9 @@
@import "./css-config/animations.css";
@import "./css-config/code.css";
@import "./css-config/colors.css";
@import "./main-page.css";
@import "./docs/nav/nav.css";
@import "./docs/toc/toc.css";
@import "./docs/docs.css";
@ -109,6 +112,78 @@ html.dark {
}
}
footer {
position: absolute;
bottom: 0;
z-index: 10;
width: 100%;
height: 3rem;
font-size: min(1.112rem, max(1svw, 0.8rem));
display: flex;
justify-content: space-between;
padding-inline: 1rem;
background: linear-gradient(150deg,
hsla(var(--blue) 60 5 / 1) 10%,
hsla(var(--blue) 75 6 / 1) 25%,
hsla(var(--blue) 80 8 / 1) 55%,
hsla(var(--blue) 77 7 / 1) 80%);
& ._credits {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.127rem;
color: hsl(var(--blue) 10 55);
& a {
all: unset;
&:hover {
text-decoration: underline;
cursor: pointer;
}
}
& em {
all: unset;
}
& span:first-child {
& em {
color: hsl(var(--green) 44 60);
}
}
& span:last-child {
& em {
color: hsl(var(--blue) 44 60);
}
}
}
& ._socials {
height: 100%;
width: max-content;
display: flex;
gap: 0.373rem;
justify-content: center;
align-items: center;
& span {
font-size: 2rem;
& a {
all: unset;
display: flex;
height: 100%;
width: 100%;
justify-self: center;
align-self: center;
}
}
}
}
@media (min-width: 768px) {
html {
font-size: 16px;
@ -138,4 +213,4 @@ html.dark {
}
}
@media (min-width: 1280px) {}
/* @media (min-width: 1280px) {} */