Update accordion base on new FAQs mocks.

This commit is contained in:
Konstantinos Triantafyllou 2022-10-12 16:58:10 +03:00
parent f2d544d4f1
commit f902074e00
1 changed files with 15 additions and 4 deletions

View File

@ -1,3 +1,7 @@
@accordion-border: @global-border;
@accordion-border-width: @global-border-width;
@accordion-padding-bottom: 20px;
@accordion-title-padding-vertical: 5px; @accordion-title-padding-vertical: 5px;
@accordion-title-padding-horizontal: 0; @accordion-title-padding-horizontal: 0;
@accordion-title-background: transparent; @accordion-title-background: transparent;
@ -6,6 +10,12 @@
@accordion-title-font-weight: 600; @accordion-title-font-weight: 600;
@accordion-icon-margin-left: 10px; @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() { .hook-accordion-title() {
padding: @accordion-title-padding-vertical @accordion-title-padding-horizontal; padding: @accordion-title-padding-vertical @accordion-title-padding-horizontal;
@ -14,19 +24,20 @@
font-weight: @accordion-title-font-weight; font-weight: @accordion-title-font-weight;
&::before { &::before {
content: "\e145"; content: "\e5cc";
font-family: "Material Icons"; font-family: "Material Icons";
font-size: 1.25em; font-size: 2em;
line-height: inherit; line-height: inherit;
margin-left: @accordion-icon-margin-left; margin-left: @accordion-icon-margin-left;
margin-top: -0.25em; margin-top: -0.4em;
float: right; float: right;
color: @accordion-icon-color;
} }
} }
.hook-accordion-misc() { .hook-accordion-misc() {
.uk-open > .uk-accordion-title::before { .uk-open > .uk-accordion-title::before {
content: "\e15b" content: "\e5cf"
} }
} }