diff --git a/app/assets/landing/styles/style.css b/app/assets/landing/styles/style.css index 02d0c186..b15ac96b 100644 --- a/app/assets/landing/styles/style.css +++ b/app/assets/landing/styles/style.css @@ -25,6 +25,48 @@ body { font-family: 'Onest', sans-serif; } +.accordion { + --bs-accordion-bg: none; + --bs-accordion-color: white; + --bs-accordion-btn-color: white; + --bs-accordion-icon-color: #fff; + --bs-accordion-border-width: 0px; +} + +.accordion-collapse { + margin-left: 35px; +} + +.accordion-button:focus { + box-shadow: none; + border-color: rgba(0, 0, 0, 0); +} + +.accordion-button:not(.collapsed) { + background-color: transparent; +} + +.accordion-button:not(.collapsed)::before { + transform: var(--bs-accordion-btn-icon-transform); + background-image: var(--bs-accordion-btn-active-icon); +} + +.accordion-button::before { + content: ''; + flex-shrink: 0; + width: var(--bs-accordion-btn-icon-width); + height: var(--bs-accordion-btn-icon-width); + background-repeat: no-repeat; + background-size: var(--bs-accordion-btn-icon-width); + transition: var(--bs-accordion-btn-icon-transition); + margin-right: 15px; + background-image: url("data:image/svg+xml,"); +} + +.accordion-button::after { + display: none; +} + .btn-primary { --bs-btn-bg: var(--color-blue); --bs-btn-border-color: var(--color-blue); @@ -151,4 +193,4 @@ body { top: 0; left: -40px; background: url('../images/checked.svg') no-repeat; -} +} \ No newline at end of file