mirror of
https://github.com/CharaChorder/DeviceManager.git
synced 2026-01-21 17:32:41 +00:00
feat: new left/right graphic
This commit is contained in:
@@ -155,11 +155,21 @@
|
|||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$variant-offset: 12px;
|
||||||
|
$variant-padding: calc(2px + $variant-offset);
|
||||||
|
$variant-color: color-mix(
|
||||||
|
in srgb,
|
||||||
|
var(--md-sys-color-on-surface) 50%,
|
||||||
|
transparent
|
||||||
|
);
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
border-left-width: 3px;
|
padding-inline-end: $variant-padding;
|
||||||
|
text-shadow: $variant-offset 0 2px $variant-color;
|
||||||
}
|
}
|
||||||
.right {
|
.right {
|
||||||
border-right-width: 3px;
|
padding-inline-start: $variant-padding;
|
||||||
|
text-shadow: -$variant-offset 0 2px $variant-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inline-kbd {
|
.inline-kbd {
|
||||||
|
|||||||
Reference in New Issue
Block a user