zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(skins): slightly more idiomatic Tailwind, added custom properties (#175)

Browse Source
This commit is contained in:
Sam Potts
2025-11-10 22:52:16 +11:00
committed by GitHub
parent 4a2d580bb3
commit 694afb7de9
20 changed files with 134 additions and 360 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/html/src/skins/frosted/styles.css
+3 -2
View File
@@ -7,10 +7,11 @@ media-container {
isolation: isolate;
container: root / inline-size;
overflow: clip;
border-radius: var(--vjs-border-radius, 2rem);
background: oklab(0 0 0);
font-family: var(--vjs-font-family, InterVariable, Inter, ui-sans-serif, system-ui, sans-serif);
font-size: 0.8125rem;
line-height: 1.5;
border-radius: inherit;
background: oklab(0 0 0);
}
media-container::before,
media-container::after {
packages/html/src/skins/minimal/styles.css
+5 -4
View File
@@ -7,10 +7,11 @@ media-container {
isolation: isolate;
container: root / inline-size;
overflow: clip;
border-radius: var(--vjs-border-radius, 0.75rem);
background: oklab(0 0 0);
font-family: var(--vjs-font-family, InterVariable, Inter, ui-sans-serif, system-ui, sans-serif);
font-size: 0.8125rem;
line-height: 1.5;
border-radius: inherit;
background: oklab(0 0 0);
}
media-container::after {
content: '';
@@ -19,11 +20,11 @@ media-container::after {
border-radius: inherit;
z-index: 10;
inset: 0;
box-shadow: inset 0 0 0 1px oklab(0 0 0 / 0.2);
box-shadow: inset 0 0 0 1px oklab(0 0 0 / 0.15);
}
@media (prefers-color-scheme: dark) {
media-container::after {
box-shadow: inset 0 0 0 1px oklab(1 0 0 / 0.2);
box-shadow: inset 0 0 0 1px oklab(1 0 0 / 0.15);
}
}