46 lines
991 B
SCSS
46 lines
991 B
SCSS
|
item-pane-custom-section {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
|
||
|
|
&[hidden] {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.body {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
collapsible-section {
|
||
|
|
&[custom] > .head {
|
||
|
|
& .title::before {
|
||
|
|
content: '';
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
-moz-context-properties: fill, fill-opacity, stroke, stroke-opacity;
|
||
|
|
fill: currentColor;
|
||
|
|
stroke: currentColor;
|
||
|
|
|
||
|
|
@media (prefers-color-scheme: light) {
|
||
|
|
background: var(--custom-section-icon-light) no-repeat center;
|
||
|
|
}
|
||
|
|
@media (prefers-color-scheme: dark) {
|
||
|
|
background: var(--custom-section-icon-dark) no-repeat center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
toolbarbutton.section-custom-button {
|
||
|
|
fill: currentColor;
|
||
|
|
-moz-context-properties: fill, fill-opacity;
|
||
|
|
@media (prefers-color-scheme: light) {
|
||
|
|
list-style-image: var(--custom-button-icon-light)
|
||
|
|
}
|
||
|
|
@media (prefers-color-scheme: dark) {
|
||
|
|
list-style-image: var(--custom-button-icon-dark)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|