footer, root module nav, and main page done
This commit is contained in:
parent
cd1226e333
commit
23719ec405
17 changed files with 519 additions and 34 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue