Bilibili-Evolved/registry/lib/components/style/v1-panel/v1-panel.scss
2021-11-14 16:32:22 +08:00

69 lines
1.8 KiB
SCSS

.be-settings {
> .be-popup {
top: 0 !important;
left: 0 !important;
body.settings-panel-dock-right & {
left: unset !important;
right: 0 !important;
}
transform: translateZ(0) translateY(0) translateX(calc(-101% * var(--direction))) !important;
--panel-height: 100vh !important;
&.open {
transform: translateZ(0) translateY(0) translateX(0) !important;
}
> * {
border-radius: 0 !important;
border-width: 0 1px 0 0 !important;
height: var(--panel-height) !important;
body.settings-panel-dock-right & {
border-width: 0 0 0 1px !important;
}
}
}
> .sidebar > * {
width: 52px !important;
border-radius: 21px !important;
transform: translateX(calc(-13px * var(--direction))) !important;
display: flex !important;
justify-content: flex-end !important;
body.settings-panel-dock-right & {
justify-content: flex-start !important;
}
.be-icon {
transition: 0.2s ease-out !important;
}
&:hover {
transform: translateX(calc(8px * var(--direction))) !important;
.be-icon {
transform: rotate(360deg) !important;
}
}
&.open {
transform: translateX(calc(12px * var(--direction))) !important;
}
}
.settings-panel-popup .component-tags .component-tags-item:last-child {
border-radius: 0 !important;
}
.widgets-panel {
padding: 24px !important;
&-header {
margin-bottom: 36px !important;
}
.switch-options-popup {
top: -1px !important;
transform-origin: top left !important;
transform: scale(0.9) !important;
&.open {
transform: scale(1) !important;
}
body.settings-panel-dock-right & {
transform-origin: top right !important;
}
}
}
}