45 lines
1.2 KiB
Plaintext
45 lines
1.2 KiB
Plaintext
@accordion-border: @global-border;
|
|
@accordion-border-width: @global-border-width;
|
|
@accordion-padding-bottom: 20px;
|
|
|
|
@accordion-title-font-size: @global-large-font-size;
|
|
@accordion-title-padding-vertical: 5px;
|
|
@accordion-title-padding-horizontal: 0;
|
|
@accordion-title-background: transparent;
|
|
@accordion-title-color: @global-emphasis-color;
|
|
@accordion-title-hover-color: @global-primary-background;
|
|
@accordion-title-font-weight: 600;
|
|
|
|
@accordion-icon-margin-left: 10px;
|
|
@accordion-icon-color: @global-primary-background;
|
|
|
|
.uk-accordion > * {
|
|
padding-bottom: @accordion-padding-bottom;
|
|
border-bottom: @accordion-border-width solid @accordion-border;
|
|
}
|
|
|
|
.hook-accordion-title() {
|
|
padding: @accordion-title-padding-vertical @accordion-title-padding-horizontal;
|
|
background: @accordion-title-background;
|
|
overflow: hidden;
|
|
font-weight: @accordion-title-font-weight;
|
|
|
|
&::before {
|
|
content: "\e5cc";
|
|
font-family: "Material Icons";
|
|
font-size: 2em;
|
|
line-height: inherit;
|
|
margin-left: @accordion-icon-margin-left;
|
|
margin-top: -0.4em;
|
|
float: right;
|
|
color: @accordion-icon-color;
|
|
}
|
|
|
|
}
|
|
|
|
.hook-accordion-misc() {
|
|
.uk-open > .uk-accordion-title::before {
|
|
content: "\e5cf"
|
|
}
|
|
}
|