| @@ -1,5 +1,7 @@ | |||||
| // IMPORTANT: Change primary color in _svg-vars.scss! | // IMPORTANT: Change primary color in _svg-vars.scss! | ||||
| // IMPORTANT: This color variant is NOT active anymore. | |||||
| [data-theme="colorvariant-07"] { | [data-theme="colorvariant-07"] { | ||||
| // swatches / primary | // swatches / primary | ||||
| --swatches-primary-600: #9F2000; | --swatches-primary-600: #9F2000; | ||||
| @@ -1,5 +1,7 @@ | |||||
| // IMPORTANT: Change primary color in _svg-vars.scss! | // IMPORTANT: Change primary color in _svg-vars.scss! | ||||
| // IMPORTANT: This color variant is NOT active anymore. | |||||
| [data-theme="colorvariant-08"] { | [data-theme="colorvariant-08"] { | ||||
| // swatches / primary | // swatches / primary | ||||
| --swatches-primary-600: #4B6A00; | --swatches-primary-600: #4B6A00; | ||||
| @@ -62,16 +62,16 @@ export const themes = [ | |||||
| value: 'colorvariant-06', | value: 'colorvariant-06', | ||||
| file: 'theme-colorvariant-06.scss', | file: 'theme-colorvariant-06.scss', | ||||
| }, | }, | ||||
| { | |||||
| name: 'Farbvariante 07', | |||||
| value: 'colorvariant-07', | |||||
| file: 'theme-colorvariant-07.scss', | |||||
| }, | |||||
| { | |||||
| name: 'Farbvariante 08', | |||||
| value: 'colorvariant-08', | |||||
| file: 'theme-colorvariant-08.scss', | |||||
| }, | |||||
| // { | |||||
| // name: 'Farbvariante 07', | |||||
| // value: 'colorvariant-07', | |||||
| // file: 'theme-colorvariant-07.scss', | |||||
| // }, | |||||
| // { | |||||
| // name: 'Farbvariante 08', | |||||
| // value: 'colorvariant-08', | |||||
| // file: 'theme-colorvariant-08.scss', | |||||
| // }, | |||||
| { | { | ||||
| name: 'Farbvariante 09', | name: 'Farbvariante 09', | ||||
| value: 'colorvariant-09', | value: 'colorvariant-09', | ||||
| @@ -13,7 +13,7 @@ | |||||
| @use '../../_global/styles/theme-colorvariant-04' as *; | @use '../../_global/styles/theme-colorvariant-04' as *; | ||||
| @use '../../_global/styles/theme-colorvariant-05' as *; | @use '../../_global/styles/theme-colorvariant-05' as *; | ||||
| @use '../../_global/styles/theme-colorvariant-06' as *; | @use '../../_global/styles/theme-colorvariant-06' as *; | ||||
| @use '../../_global/styles/theme-colorvariant-07' as *; | |||||
| @use '../../_global/styles/theme-colorvariant-08' as *; | |||||
| //@use '../../_global/styles/theme-colorvariant-07' as *; | |||||
| //@use '../../_global/styles/theme-colorvariant-08' as *; | |||||
| @use '../../_global/styles/theme-colorvariant-09' as *; | @use '../../_global/styles/theme-colorvariant-09' as *; | ||||
| @use '../../_global/styles/theme-colorvariant-15' as *; | @use '../../_global/styles/theme-colorvariant-15' as *; | ||||
| @@ -40,20 +40,20 @@ article.col div.strong { | |||||
| } | } | ||||
| } | } | ||||
| &.error { | |||||
| background-color: var(--feedback-error-light); | |||||
| color: var(--feedback-error); | |||||
| &:after { | |||||
| background: var(--feedback-error); | |||||
| } | |||||
| } | |||||
| &.warning { | |||||
| background-color: var(--feedback-warning-light); | |||||
| &:after { | |||||
| background: var(--feedback-warning); | |||||
| } | |||||
| } | |||||
| //&.error { | |||||
| // background-color: var(--feedback-error-light); | |||||
| // color: var(--feedback-error); | |||||
| // &:after { | |||||
| // background: var(--feedback-error); | |||||
| // } | |||||
| //} | |||||
| // | |||||
| //&.warning { | |||||
| // background-color: var(--feedback-warning-light); | |||||
| // &:after { | |||||
| // background: var(--feedback-warning); | |||||
| // } | |||||
| //} | |||||
| > *:first-child { | > *:first-child { | ||||
| margin-top: -0.4em; | margin-top: -0.4em; | ||||
| @@ -137,7 +137,7 @@ | |||||
| margin: 10px 0 0 0; | margin: 10px 0 0 0; | ||||
| width: calc(100vw - 80px); | width: calc(100vw - 80px); | ||||
| overflow: hidden; | overflow: hidden; | ||||
| height: 38px; | |||||
| min-height: 38px; | |||||
| display: block; | display: block; | ||||
| font-weight: 400 !important; | font-weight: 400 !important; | ||||
| color: var(--color-text) !important; | color: var(--color-text) !important; | ||||
| @@ -57,8 +57,8 @@ export const createArticlePage = | |||||
| createElement('p', [], lorem2, main); | createElement('p', [], lorem2, main); | ||||
| main.appendChild(createInfobox({type: 'success'})); | main.appendChild(createInfobox({type: 'success'})); | ||||
| main.appendChild(createInfobox({type: 'warning'})); | |||||
| main.appendChild(createInfobox({type: 'error'})); | |||||
| // main.appendChild(createInfobox({type: 'warning'})); | |||||
| // main.appendChild(createInfobox({type: 'error'})); | |||||
| main.appendChild(createSurvey({})); | main.appendChild(createSurvey({})); | ||||
| main.appendChild(createLinkCollection({})); | main.appendChild(createLinkCollection({})); | ||||