mirror of
https://github.com/zoriya/v10.git
synced 2026-08-05 13:48:14 +00:00
feat(packages): add UI support for gestures and hotkeys (#1388)
Co-authored-by: Rahim <rahim.alwer@gmail.com> Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Rahim
Claude Opus 4.6
parent
6c81f2d190
commit
0620814a67
@@ -3,6 +3,9 @@
|
||||
========================================================================== */
|
||||
|
||||
.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%;
|
||||
@@ -19,20 +22,22 @@
|
||||
line-height: 1.5;
|
||||
letter-spacing: normal;
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
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;
|
||||
}
|
||||
|
||||
& > * {
|
||||
font-size: 0.75rem; /* 12px at 100% font size */
|
||||
}
|
||||
|
||||
@container media-root (width > 48rem) {
|
||||
& > * {
|
||||
@container media-root (width > 48rem) {
|
||||
font-size: 0.875rem; /* 14px at 100% font size */
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user