rc-1
This commit is contained in:
@@ -0,0 +1,45 @@
|
||||
div.layout-glass-container {
|
||||
backdrop-filter: blur(var(--effect-glass-blur));
|
||||
margin: var(--effect-glass-corner-margin);
|
||||
background: var(--effect-glass-tint);
|
||||
height: fit-content;
|
||||
}
|
||||
|
||||
div.layout-glass-corner {
|
||||
position: absolute;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
div.layout-glass-corner:nth-child(1) {
|
||||
/* Top-left */
|
||||
top: var(--effect-glass-corner-offset);
|
||||
left: var(--effect-glass-corner-offset);
|
||||
border-top: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
|
||||
border-left: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
|
||||
}
|
||||
|
||||
div.layout-glass-corner:nth-child(2) {
|
||||
/* Top-right */
|
||||
top: var(--effect-glass-corner-offset);
|
||||
right: var(--effect-glass-corner-offset);
|
||||
border-top: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
|
||||
border-right: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
|
||||
}
|
||||
|
||||
div.layout-glass-corner:nth-child(3) {
|
||||
/* Bottom-left */
|
||||
bottom: var(--effect-glass-corner-offset);
|
||||
left: var(--effect-glass-corner-offset);
|
||||
border-bottom: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
|
||||
border-left: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
|
||||
}
|
||||
|
||||
div.layout-glass-corner:nth-child(4) {
|
||||
right: var(--effect-glass-corner-offset);
|
||||
/* Bottom-right */
|
||||
bottom: var(--effect-glass-corner-offset);
|
||||
border-right: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
|
||||
border-bottom: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
|
||||
}
|
||||
Reference in New Issue
Block a user