thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-10-28 16:32:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'unstable' into codex/update-video-modal-styles-and-regenerate-css

Browse Source
This commit is contained in:
thePR0M3TH3AN authored and GitHub committed 2025-10-19 19:15:58 -04:00
2 parents 7c1a3c21d5 357c11904d
commit 3084629e71
13 files changed
+480 -44
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/tailwind.source.css
+81
View File
@@ -248,6 +248,87 @@
color: var(--color-text-strong);
}
.header-search__region {
@apply hidden flex-1 justify-center md:flex;
min-width: 0;
padding-inline: clamp(var(--space-md), 4vw, var(--space-3xl));
}
.header-search {
@apply flex items-center gap-3 rounded-full border border-border border-opacity-40 bg-overlay-panel px-4 shadow-sm transition-colors duration-base ease-out;
backdrop-filter: blur(var(--popover-backdrop-blur));
-webkit-backdrop-filter: blur(var(--popover-backdrop-blur));
padding-block: calc(var(--space-sm) * 0.9);
inline-size: min(100%, 34rem);
}
.header-search:focus-within {
@apply border-accent-strong;
}
.header-search__icon {
@apply block h-5 w-5;
background-color: currentColor;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
}
.header-search__icon--filter {
mask-image: url("../assets/svg/filter.svg");
-webkit-mask-image: url("../assets/svg/filter.svg");
}
.header-search__icon--submit {
mask-image: url("../assets/svg/search.svg");
-webkit-mask-image: url("../assets/svg/search.svg");
}
.header-search__filter {
@apply focus-ring inline-flex shrink-0 items-center justify-center rounded-full border border-transparent bg-transparent transition-colors duration-base ease-out;
color: var(--color-accent);
inline-size: calc(var(--icon-size-lg) * 0.9);
block-size: calc(var(--icon-size-lg) * 0.9);
min-inline-size: calc(var(--icon-size-lg) * 0.9);
min-block-size: calc(var(--icon-size-lg) * 0.9);
}
.header-search__filter:hover,
.header-search__filter:focus-visible {
color: var(--color-accent-strong);
}
.header-search__input {
@apply flex-1 appearance-none bg-transparent text-sm text-text placeholder:text-muted outline-none;
min-width: 0;
}
.header-search__input:focus-visible {
@apply outline-none ring-0;
}
.header-search__submit {
@apply focus-ring inline-flex items-center justify-center rounded-full border border-transparent transition-colors duration-base ease-out;
background-color: var(--color-accent-strong);
color: var(--color-white);
inline-size: calc(var(--icon-size-lg) * 0.9);
block-size: calc(var(--icon-size-lg) * 0.9);
min-inline-size: calc(var(--icon-size-lg) * 0.9);
min-block-size: calc(var(--icon-size-lg) * 0.9);
padding: 0;
}
.header-search__submit:hover {
background-color: var(--color-accent);
}
.header-search__submit:focus-visible {
background-color: var(--color-accent-pressed);
}
.bv-logo {
--logo-wordmark-color: var(--color-logo-wordmark);
--logo-accent-color: var(--color-logo-accent);