onny/web-wordpress-kit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix category page cards link styling

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

11
kit/css/content.css
View file

@ -1333,18 +1333,13 @@ body.page-theme-color-quaternary form input[type='submit'] {
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 {
transform: translateX(-3px);
opacity: .7;
}
.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;
right: 0;
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 {
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 {
@ -1434,7 +1429,7 @@ body.page-theme-color-secondary .teaser-box-category-marker:hover {
}
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 {

5
kit/functions.php
View file

@ -339,6 +339,11 @@ function kit_customize_css()
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 {
background-color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
}