fix category page cards link styling

This commit is contained in:
Jonas Heinrich 2020-07-16 15:59:00 +02:00
parent d2404e6b14
commit 8c16ceee0d
2 changed files with 8 additions and 8 deletions

View file

@ -1333,18 +1333,13 @@ body.page-theme-color-quaternary form input[type='submit'] {
transition: border-bottom-color .3s, color .3s; transition: border-bottom-color .3s, color .3s;
} }
.teaser-box-category-marker:hover {
border-bottom-color: rgba(0, 153, 130, 0.7);
color: rgba(0, 153, 130, 0.7);
}
.teaser-box-category-marker:hover::after { .teaser-box-category-marker:hover::after {
transform: translateX(-3px); transform: translateX(-3px);
opacity: .7; opacity: .7;
} }
.teaser-box-category-marker .icon { .teaser-box-category-marker .icon {
mask: url('img/teaser-box-arrow-brand-secondary.svg') no-repeat center / contain; mask: url('../img/teaser-box-arrow-brand-secondary.svg') no-repeat center / contain;
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0.55556rem; bottom: 0.55556rem;
@ -1369,7 +1364,7 @@ body.page-theme-color-quaternary form input[type='submit'] {
} }
.teaser-box-color-brand-secondary .teaser-box-category-marker::after { .teaser-box-color-brand-secondary .teaser-box-category-marker::after {
mask: url('img/teaser-box-arrow-brand-secondary.svg') no-repeat center / contain; mask: url('../img/teaser-box-arrow-brand-secondary.svg') no-repeat center / contain;
} }
.teaser-box-color-brand-tertiary .teaser-box-category-marker { .teaser-box-color-brand-tertiary .teaser-box-category-marker {
@ -1434,7 +1429,7 @@ body.page-theme-color-secondary .teaser-box-category-marker:hover {
} }
body.page-theme-color-secondary .teaser-box-category-marker::after { body.page-theme-color-secondary .teaser-box-category-marker::after {
content: url(img/teaser-box-arrow-brand-secondary.svg); content: url(../img/teaser-box-arrow-brand-secondary.svg);
} }
body.page-theme-color-tertiary .teaser-box-image { body.page-theme-color-tertiary .teaser-box-image {

View file

@ -339,6 +339,11 @@ function kit_customize_css()
background-color: <?php echo get_theme_mod('theme_color', '#009982'); ?>; background-color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
} }
.teaser-box-category-marker:hover {
border-bottom-color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
}
ul.catFilter li.available:hover { ul.catFilter li.available:hover {
background-color: <?php echo get_theme_mod('theme_color', '#009982'); ?>; background-color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
} }