whoami7 - Manager
:
/
home
/
analuakl
/
bents.in
/
wp-content
/
themes
/
medizin
/
assets
/
scss
/
elementor
/
widgets
/
Upload File:
files >> /home/analuakl/bents.in/wp-content/themes/medizin/assets/scss/elementor/widgets/_accordion.scss
.medizin-accordion { .accordion-section { &.active { > .accordion-header { .closed-icon { display: block; } .opened-icon { display: none; } } } } .accordion-header { @extend %NormalTransition; display: flex; align-items: center; min-height: 60px; cursor: pointer; } .accordion-title-wrapper { font-size: 0; flex-grow: 1; } .accordion-title { @extend %NormalTransition; display: inline-block; margin-bottom: 0; color: inherit; font-size: 18px; } .accordion-icons { font-size: 20px; color: #8c89a2; flex-shrink: 0; margin: 0 0 0 10px; line-height: 0; .closed-icon { display: none; } } .accordion-icon { @extend %NormalTransition; } .accordion-content { display: none; color: #7e7e7e; } &.medizin-accordion-icon-left { .accordion-header { flex-direction: row-reverse; } .accordion-icons { margin-left: 0; margin: 0 10px 0 0; } } } &.medizin-accordion-style-01 { .medizin-accordion { .accordion-section { border-radius: 5px; overflow: hidden; background: #fff; box-shadow: 0 15px 50px rgba(51, 51, 51, .1); + .accordion-section { margin: 30px 0 0; } &.active, &:hover { .accordion-title, .accordion-icons { color: #fff; } } } .accordion-header { padding: 10px 20px; } .accordion-content { line-height: 1.6; padding: 25px 30px; } } } &.medizin-accordion-style-02 { .medizin-accordion { .accordion-title { font-weight: 600; } .accordion-section { border: 1px solid #eee; border-radius: 5px; overflow: hidden; + .accordion-section { margin: 30px 0 0; } &.active, &:hover { border-color: transparent !important; .accordion-title, .accordion-icons { color: #fff; } } &.active { background: #fff; box-shadow: 0 18px 40px rgba(51, 51, 51, .1); } } .accordion-header { padding: 10px 20px; } .accordion-content { padding: 25px 30px; } } } &.medizin-accordion-style-03 { .medizin-accordion { .accordion-section { border-bottom: 2px solid #eee; padding: 9px 0; } .accordion-header { min-height: 64px; } .accordion-title { font-size: 24px; font-weight: 600; } .accordion-icons { color: #ababab; font-size: 24px; } .accordion-content { padding: 0 0 25px; } } } @include elementor-breakpoint-down(md) { &.medizin-accordion-style-03 { .medizin-accordion { .accordion-title { font-size: 21px; } } } } @include elementor-breakpoint-down(sm) { &.medizin-accordion-style-03 { .medizin-accordion { .accordion-title { font-size: 18px; } } } }
Copyright ©2021 || Defacer Indonesia