mirror of
https://github.com/zoriya/v10.git
synced 2026-08-05 13:48:14 +00:00
38 lines
1.1 KiB
CSS
38 lines
1.1 KiB
CSS
/* ==========================================================================
|
|
Root Container
|
|
========================================================================== */
|
|
|
|
.media-default-skin {
|
|
--media-current-shadow-color: oklch(from currentColor 0 0 0 / clamp(0, calc((l - 0.5) * 0.5), 0.15));
|
|
--media-current-shadow-color-subtle: oklch(from var(--media-current-shadow-color) l c h / calc(alpha * 0.4));
|
|
--media-icon-size: 18px;
|
|
position: relative;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
container: media-root / inline-size;
|
|
font-family:
|
|
Inter Variable,
|
|
Inter,
|
|
ui-sans-serif,
|
|
system-ui,
|
|
sans-serif;
|
|
font-size: 0.8125rem; /* 13px at 100% font size */
|
|
-webkit-font-smoothing: auto;
|
|
-moz-osx-font-smoothing: auto;
|
|
line-height: 1.5;
|
|
letter-spacing: normal;
|
|
outline: 2px solid transparent;
|
|
outline-offset: -4px;
|
|
border-radius: var(--media-border-radius, 2rem);
|
|
isolation: isolate;
|
|
transition-timing-function: ease-out;
|
|
transition-duration: 100ms;
|
|
transition-property: outline-offset, outline-color;
|
|
|
|
&:focus-visible {
|
|
outline-color: currentColor;
|
|
outline-offset: 2px;
|
|
}
|
|
}
|