mirror of
https://github.com/Tria-plc/emaui.git
synced 2026-08-27 12:01:00 +00:00
69 lines
1.7 KiB
CSS
69 lines
1.7 KiB
CSS
.m_fea6bf1a {
|
|
--burger-size-xs: 12px;
|
|
--burger-size-sm: 18px;
|
|
--burger-size-md: 24px;
|
|
--burger-size-lg: 34px;
|
|
--burger-size-xl: 42px;
|
|
|
|
--burger-size: var(--burger-size-md);
|
|
--burger-line-size: calc(var(--burger-size) / 12);
|
|
|
|
width: calc(var(--burger-size) + var(--mantine-spacing-xs));
|
|
height: calc(var(--burger-size) + var(--mantine-spacing-xs));
|
|
padding: calc(var(--mantine-spacing-xs) / 2);
|
|
cursor: pointer;
|
|
}
|
|
|
|
:where([data-mantine-color-scheme='light']) .m_fea6bf1a {
|
|
--burger-color: var(--mantine-color-black);
|
|
}
|
|
|
|
:where([data-mantine-color-scheme='dark']) .m_fea6bf1a {
|
|
--burger-color: var(--mantine-color-white);
|
|
}
|
|
|
|
.m_d4fb9cad {
|
|
position: relative;
|
|
user-select: none;
|
|
}
|
|
|
|
.m_d4fb9cad,
|
|
.m_d4fb9cad::before,
|
|
.m_d4fb9cad::after {
|
|
display: block;
|
|
width: var(--burger-size);
|
|
height: var(--burger-line-size);
|
|
background-color: var(--burger-color);
|
|
outline: 1px solid transparent;
|
|
transition-property: background-color, transform;
|
|
transition-duration: var(--burger-transition-duration, 300ms);
|
|
transition-timing-function: var(--burger-transition-timing-function, ease);
|
|
}
|
|
|
|
.m_d4fb9cad::before,
|
|
.m_d4fb9cad::after {
|
|
position: absolute;
|
|
content: '';
|
|
inset-inline-start: 0;
|
|
}
|
|
|
|
.m_d4fb9cad::before {
|
|
top: calc(var(--burger-size) / -3);
|
|
}
|
|
|
|
.m_d4fb9cad::after {
|
|
top: calc(var(--burger-size) / 3);
|
|
}
|
|
|
|
.m_d4fb9cad[data-opened] {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.m_d4fb9cad[data-opened]::before {
|
|
transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
|
|
}
|
|
|
|
.m_d4fb9cad[data-opened]::after {
|
|
transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
|
|
}
|