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
Signed by: Xanazf
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

1
src/styles/docs/nav/nav.css
View file

@ -105,6 +105,7 @@
width: 250px;
position: fixed;
top: 5rem;
bottom: 3rem;
left: 1.618rem;
flex-shrink: 0;
overflow: scroll;

24
src/styles/docs/nav/search.css
View file

@ -213,10 +213,15 @@ button[data-open-modal] {
gap: 0.5rem;
border: 0;
background-color: transparent;
color: hsl(0 0 65);
color: hsl(var(--blue) 40 65);
cursor: pointer;
height: 2.5rem;
font-size: 1.10rem;
& svg {
width: 21px;
height: 21px;
}
}
button>kbd {
@ -224,13 +229,13 @@ button>kbd {
font-size: 0.75rem;
gap: 0.25em;
padding-inline: 0.375rem;
background-color: hsl(0 0 15);
background-color: hsla(var(--blue) 5 20 / 0.5);
}
dialog {
margin: 0;
background-color: hsl(var(--blue) 15 12);
border: 1px solid hsl(0 0 25);
background-color: hsl(var(--blue) 10 15);
border: 1px solid hsl(var(--blue) 15 25);
width: 100%;
max-width: 100%;
height: 100%;
@ -272,8 +277,8 @@ button[data-close-modal] {
--pagefind-ui-primary: hsla(var(--accent-400));
--pagefind-ui-text: hsla(0 0 60);
--pagefind-ui-font: Rubik;
--pagefind-ui-background: hsl(0 0 10);
--pagefind-ui-border: hsl(0 0 15);
--pagefind-ui-background: hsl(var(--blue) 10 15);
--pagefind-ui-border: hsl(var(--blue) 30 25);
--pagefind-ui-border-width: 1px;
--search-cancel-space: 5rem;
}
@ -297,12 +302,11 @@ button[data-close-modal] {
/* --- */
button[data-open-modal] {
border: 1px solid hsl(0 0 25);
border-radius: 6px;
padding-inline-start: 0.75rem;
padding-inline-end: 0.5rem;
background-color: hsla(0 0 10 / 0.5);
color: hsl(0 0 50);
background-color: hsla(var(--blue) 15 15 / 0.5);
color: hsl(var(--blue) 40 65);
font-size: 0.875rem;
width: 100%;
max-width: 15rem;
@ -310,7 +314,7 @@ button[data-close-modal] {
&:hover {
border-color: hsl(0 0 50);
color: hsl(0 0 85);
color: hsl(var(--blue) 60 85);
}
&> :last-child {