diff --git a/source/sass/11-base/forms/_forms.scss b/source/sass/11-base/forms/_forms.scss index 93b460447..1c988ec0c 100644 --- a/source/sass/11-base/forms/_forms.scss +++ b/source/sass/11-base/forms/_forms.scss @@ -30,7 +30,6 @@ textarea { } .form-description { - @include theme('color', 'color-tertiary', 'form-description-color'); font-size: .6rem; } diff --git a/source/sass/31-molecules/file-upload/_file-upload.scss b/source/sass/31-molecules/file-upload/_file-upload.scss index 4010a348c..9a43f5142 100644 --- a/source/sass/31-molecules/file-upload/_file-upload.scss +++ b/source/sass/31-molecules/file-upload/_file-upload.scss @@ -1,4 +1,5 @@ @use 'gent_base/source/sass/00-settings/settings' as *; +@use 'gent_base/source/sass/00-mixins/mixins' as *; .form-managed-file { .image-widget-data { @@ -11,11 +12,14 @@ .field--type-image { .tag.filter input.button { [class*='cs--'] & { + $image-icon-svg: svg-icon('cross', coloring('gray'), 16, 16); width: 1rem; min-height: 0; padding: 0; border: 0; - background: transparent svg-as-background('cross', coloring('gray'), 16, 16); + background-image: svg-url($image-icon-svg); + background-color: transparent; + background-size: contain; background-repeat: no-repeat; background-position: center; text-indent: -9999px;