diff --git a/_updates.scss b/_updates.scss index f38628a..5bc2ad0 100644 --- a/_updates.scss +++ b/_updates.scss @@ -65,4 +65,102 @@ .row--overflow { grid-template-columns: repeat(var(--grid-columns), auto); } -// -------------------------------------------------- \ No newline at end of file +// -------------------------------------------------- + +// VERSION 2.3.0 +// DEFAULT +@import 'components/description-list'; + +// VARIABLES +:root { + --base-border-color: rgba(0, 0, 0, 0.2); + --swiper-navigation-size: 2rem; + --swiper-navigation-color: var(--color-text-inverted); + --swiper-pagination-bullet-size: 0.5rem; + --swiper-pagination-bullet-inactive-color: var(--color-text-inverted); + --swiper-pagination-color: var(--color-brand); + --accordion-spacing: var(--base-spacing-unit-sm); + --accordion-border-radius: 0; + --accordion-toggler-font-size: inherit; + --accordion-toggler-font-weight: inherit; + --accordion-toggler-background: transparent; + --accordion-toggler-color: var(--color-brand-secondary); + --accordion-toggler-color-hover: var(--color-brand-secondary-dark); + --accordion-toggler-spacing: var(--base-spacing-unit-xs); + --accordion-toggler-border: var(--base-border); + --accordion-toggler-spacing: var(--base-spacing-unit-xs) var(--base-spacing-unit-sm); + --accordion-toggler-icon-size: 1.25; + --accordion-toggler-border-radius: 0; + --accordion-content-spacing: var(--base-spacing-unit-sm) var(--base-spacing-unit-sm) var(--base-spacing-unit); + --accordion-content-background: transparent; + --accordion-content-border: var(--base-border); + --description-term-font-size: 1rem; + --description-term-font-weight: 700; +} + +@media (prefers-color-scheme: dark) { + :root { + --base-border-color: rgba(255, 255, 255, 0.2); + } +} + +// COMPONENTS/DESCRIPTION-LIST +.content-description-list { + dl { + margin-top: 0; + } + + dt { + font-size: var(--description-term-font-size); + font-weight: var(--description-term-font-weight); + margin-top: var(--base-spacing-unit); + margin-bottom: var(--base-spacing-unit-sm); + + &:first-of-type { + margin-top: 0; + } + } + + dd { + margin-bottom: var(--base-spacing-unit-xs); + } +} + +// COMPONENTS/ACCORDION +.content-accordion { + .handorgel__header { + .handorgel__header__button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + text-align: left; + border-radius: var(--accordion-toggler-border-radius); + font-weight: var(--accordion-toggler-font-weight); + + &::after { + content: '+'; + margin-left: auto; + margin-right: 0; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + -webkit-transform: rotate(0) scale(var(--accordion-toggler-icon-size)); + transform: rotate(0) scale(var(--accordion-toggler-icon-size)); // [1] + } + } + + &--open { + .handorgel__header__button { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + + &::after { + -webkit-transform: rotate(45deg) scale(var(--accordion-toggler-icon-size)); + transform: rotate(45deg) scale(var(--accordion-toggler-icon-size)); // [1]; + } + } + } + } +} +// -------------------------------------------------- diff --git a/changelog.md b/changelog.md index 50d526c..ec872da 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,12 @@ # Changelog +## 2.3.0 (20.02.2024) +**Unterstützung für Contao 5.3 LTS** + +SIRIUS unterstützt die neuen verschachtelten Inhaltselemente für Akkordeon und Slider. Im Artikel „Jobs“ gibt es zusätzlich eine beispielhafte Verwendung für das ebenfalls neue Element **Beschreibungsliste** (Description List). + +In bestehenden Installationen können die Anweisungen nach dem Update auf Contao 5.3 aus der `_updates.scss` in die entsprechenden Dateien übernommen werden. Alternativ kannst du auch die komplette `_updates.scss` in dein Projekt kopieren und über die `default.scss` importieren. + ## 2.2.1 (10.01.2024) - Fehlerhafte Darstellung der Card-Elemente im Firefox (auf kleinen Bildschirmen) behoben diff --git a/composer.json b/composer.json index 4541746..dafa7a3 100644 --- a/composer.json +++ b/composer.json @@ -17,13 +17,13 @@ ], "require": { "php": "^8.1", - "contao/core-bundle": "^5.1", + "contao/core-bundle": "^5.3", "nutshell-framework/nutshell": "^2.0", "nutshell-framework/hero-element": "^1.2", "nutshell-framework/contact-element": "^1.0", "nutshell-framework/card-element": "^1.0", "erdmannfreunde/onepage-navigation": "^2.1", - "erdmannfreunde/theme-toolbox": "^2.3", + "erdmannfreunde/theme-toolbox": "^3.0", "erdmannfreunde/contao-grid-bundle": "^2.0" }, "conflict": {