alecodes/personal-page
2
0
Fork 0
Code Issues 17 Pull requests Projects 1 Releases Packages 1 Wiki Activity Actions

feat: implement barebone zola templates

Browse source
This commit is contained in:
Alexander Navarro 2024-11-10 21:45:59 +00:00
parent 9c20f5ed2e
commit f99a9ae2ac
198 changed files with 2434 additions and 227991 deletions
Download patch file Download diff file Expand all files Collapse all files

69
_src/components/Inputs/SelectInput.module.css Normal file
View file

@ -0,0 +1,69 @@
.wrapper {
--bg-color: var(--prj-input);
--text-color: var(--prj-input-text);
position: relative;
padding: var(--prj-spacing-1);
background-color: var(--bg-color);
color: var(--text-color);
display: flex;
gap: var(--prj-spacing-1);
}
.input {
width: 100%;
display: flex;
gap: var(--prj-spacing-1);
font-size: 0.8em;
}
.selectedItem {
background-color: var(--prj-surface-3);
color: var(--prj-text);
font-size: 0.9em;
}
.selectedItem > * {
padding: var(--prj-spacing-1);
}
.deleteItem:hover {
background-color: var(--prj-danger);
}
.optionList {
position: absolute;
left: 0;
top: 120%;
width: 100%;
padding: var(--prj-spacing-1);
text-align: start;
background-color: var(--bg-color);
color: var(--text-color);
}
.optionItem {
display: block;
width: 100%;
border: none;
background-color: transparent;
text-align: start;
padding: var(--prj-spacing-1);
}
.optionItem:disabled {
color: var(--prj-disabled-text);
}
.optionItem:not(:first-child) {
margin-top: var(--prj-spacing-1);
}
.optionItem:not(:disabled):hover {
background-color: var(--prj-accent-bg);
}