pages/search: markup

This commit is contained in:
He4eT 2024-01-21 01:36:26 +01:00
commit 2ace4fdd93
4 changed files with 46 additions and 34 deletions

View file

@ -35,6 +35,7 @@ main {
.tab {
appearance: none;
text-align: unset;
align-items: center;
background: inherit;
font: inherit;
@ -49,14 +50,35 @@ main {
overflow: hidden;
}
.tab > span:first-child {
.tab:focus-visible {
outline: none;
background-color: var(--gray-light-30);
}
.tab > .favicon {
width: calc(2 * var(--step));
height: calc(2 * var(--step));
}
.tab > .label {
font-family: monospace;
color: var(--gray-dark-05);
color: var(--gray-dark-10);
flex-shrink: 0;
}
.tab > span:last-child {
.tab > .url {
color: var(--gray-dark-10);
}
.tab > .title,
.tab > .url {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tab b {
font-weight: normal;
text-shadow: 0px 0px 1px currentColor;
text-decoration: underline;
}