mirror of
https://codeberg.org/vlw/vlw.se.git
synced 2025-09-13 13:03:41 +02:00
140132fa72
* wip: 2024-02-13T12:59:17+0100 (1707825557) * wip: 2024-02-21T03:16:48+0100 (1708481808) * wip: 2024-02-21T20:50:20+0100 (1708545020) * wip: 2024-02-21T20:50:20+0100 (1708545020) * wip: 2024-03-01T13:17:58+0100 (1709295478) * wip: 2024-03-06T12:06:58+0100 (1709723218) * wip: 2024-03-07T15:07:57+0100 (1709820477) * wip: 2024-03-09T01:36:44+0100 (1709944604) * wip: 2024-03-14T23:24:12+0100 (1710455052) * wip: 2024-03-28T18:27:40+0100 (1711646860) * wip: 2024-03-28T18:27:40+0100 (1711646860) * feat: create README * wip: 2024-04-01T12:21:45+0200 (1711966905)
94 lines
No EOL
1.5 KiB
CSS
Executable file
94 lines
No EOL
1.5 KiB
CSS
Executable file
/* # Overrides */
|
|
|
|
[vv-page="/search"]:not(body) {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--padding);
|
|
}
|
|
|
|
/* # Sections */
|
|
|
|
/* ## Search */
|
|
|
|
section.search {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: var(--padding);
|
|
background-color: rgba(255, 255, 255, .05);
|
|
padding: calc(var(--padding) * 1.5);
|
|
margin-bottom: calc(var(--padding) * 2);
|
|
}
|
|
|
|
section.search form {
|
|
display: contents;
|
|
}
|
|
|
|
section.search search {
|
|
width: 100%;
|
|
}
|
|
|
|
section.search input {
|
|
width: 100%;
|
|
}
|
|
|
|
section.search button[type="submit"] {
|
|
width: 100%;
|
|
max-width: 350px;
|
|
}
|
|
|
|
body:not([vv-page="/search"]) section.search {
|
|
display: none;
|
|
}
|
|
|
|
/* # Search results */
|
|
|
|
main > svg,
|
|
dialog.search search search-results > svg {
|
|
margin: auto;
|
|
width: 150px;
|
|
fill: rgba(255, 255, 255, .05);
|
|
}
|
|
|
|
dialog.search search search-results .empty {
|
|
text-align: center;
|
|
}
|
|
|
|
/* ## Titles */
|
|
|
|
section.title h2 {
|
|
color: var(--color-accent);
|
|
}
|
|
|
|
section.title a h2::before {
|
|
content: "// ";
|
|
color: white;
|
|
}
|
|
|
|
/* ## Work */
|
|
|
|
section.results.work {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: calc(var(--padding) / 2);
|
|
}
|
|
|
|
section.results.work .result {
|
|
padding: var(--padding);
|
|
background-color: rgba(255, 255, 255, .1);
|
|
border-radius: 6px;
|
|
}
|
|
|
|
/* # Feature queries */
|
|
|
|
@media (hover: hover) {
|
|
section.results.work .result {
|
|
transition: 300ms background-color;
|
|
}
|
|
|
|
section.results.work .result:hover {
|
|
background-color: rgba(255, 255, 255, .2);
|
|
box-shadow: 0 5px 70px 10px rgba(0, 0, 0, .3);
|
|
}
|
|
} |