diff --git a/lib/assets/images/icons/info.svg b/lib/assets/images/icons/info.svg index de88884..8d2b81a 100644 --- a/lib/assets/images/icons/info.svg +++ b/lib/assets/images/icons/info.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/lib/components/form/_form.scss b/lib/components/form/_form.scss index a33f597..1d6f428 100644 --- a/lib/components/form/_form.scss +++ b/lib/components/form/_form.scss @@ -34,6 +34,19 @@ width: 100%; } +.form__field--horizontal { + display: flex; + flex-direction: row; + gap: $spacer-2xs; + align-items: center; + + input[type="checkbox"] { + width: 1.5rem; + height: 1.5rem; + margin: 0; + } +} + .form__field--is-invalid { color: $brand-error; } diff --git a/lib/components/icons/_icons.scss b/lib/components/icons/_icons.scss index 7314faf..1c36dc9 100644 --- a/lib/components/icons/_icons.scss +++ b/lib/components/icons/_icons.scss @@ -35,6 +35,10 @@ @include icon-before("icons/light-bulb-shine.svg", $brand-black, 2rem); } +.icon--info { + @include icon-before("icons/info.svg", $brand-black, 1.2rem); +} + .icon--linkedin { @include icon-before("icons/social-linkedin.svg", $brand-black, 1.5rem); } diff --git a/lib/components/icons/icons.md b/lib/components/icons/icons.md index 25d168a..afa6571 100644 --- a/lib/components/icons/icons.md +++ b/lib/components/icons/icons.md @@ -13,4 +13,6 @@ _add_ + + ``` diff --git a/lib/components/text/_text.scss b/lib/components/text/_text.scss index 026402d..9d842a9 100644 --- a/lib/components/text/_text.scss +++ b/lib/components/text/_text.scss @@ -39,15 +39,20 @@ p { } } -.paragraph--highligthed { - background-color: $brand-tertiary-light; - padding: $spacer-xs; -} - .paragraph__pre { white-space: break-spaces; } +.info-text { + @extend %body-font-bold; + + &::before { + content: asset-url("icons/info.svg"); + display: inline-block; + vertical-align: middle; + } +} + .markdown-text--medium { > * { margin-bottom: 0; diff --git a/lib/views/customer-pages/customer-trainings-detail-page/customer-trainings-detail-page.md b/lib/views/customer-pages/customer-trainings-detail-page/customer-trainings-detail-page.md index 5393a6e..8779331 100644 --- a/lib/views/customer-pages/customer-trainings-detail-page/customer-trainings-detail-page.md +++ b/lib/views/customer-pages/customer-trainings-detail-page/customer-trainings-detail-page.md @@ -112,7 +112,7 @@ description: Customer Trainings Detail Page -
Dieser Zeitplan ist unverbindlich und kann sich noch ändern.
+Dieser Zeitplan ist unverbindlich und kann sich noch ändern.