diff --git a/css/styles.css b/css/styles.css index 07036e965fa86c3e025ff7ac8808a5562c3d3bdc..44f9c4ecdfe0d94e68c7b6c4106bdbdb183c9f3e 100644 --- a/css/styles.css +++ b/css/styles.css @@ -3580,13 +3580,6 @@ button { display: block; height: 100%; width: 100%; } - .card__media a:focus img { - -webkit-filter: grayscale(100%); - filter: grayscale(100%); - opacity: 0.6; - transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-filter; - transition: filter, opacity 150ms cubic-bezier(0.4, 0, 1, 1); - transition: filter, opacity 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-filter; } .card__media img { -webkit-filter: grayscale(0); filter: grayscale(0); @@ -3597,7 +3590,6 @@ button { .card__media img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); - opacity: 0.6; transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-filter; transition: filter, opacity 150ms cubic-bezier(0.4, 0, 1, 1); transition: filter, opacity 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-filter; } @@ -7610,7 +7602,7 @@ html:not(.js) .uw-tabcontent[role="tabpanel"][hidden] { .tag-list__item { display: inline-block; - margin-bottom: 0.5rem; + margin-bottom: 0.25rem; margin-right: 0.5rem; } .tag { @@ -7619,7 +7611,7 @@ html:not(.js) .uw-tabcontent[role="tabpanel"][hidden] { background: none; display: inline-block; font-size: 0.88889rem; - margin: 0 0 0.5rem 0; + margin: 0 0 0.25rem 0; padding: 0; text-align: center; text-decoration: none; diff --git a/source/_patterns/04-components/card/_card.scss b/source/_patterns/04-components/card/_card.scss index 81347b6babd644dbaa53a4bcf427040ec410903c..1045a467623c2ed134f1f7a2c638eb57176571a1 100644 --- a/source/_patterns/04-components/card/_card.scss +++ b/source/_patterns/04-components/card/_card.scss @@ -93,16 +93,6 @@ $card-padding: rem(gesso-spacing(sm)) !default; display: block; height: 100%; width: 100%; - &:focus{ - img{ - -webkit-filter: grayscale(100%); - filter: grayscale(100%); - opacity:0.6; - transition:filter ,opacity gesso-duration(shortest) gesso-easing(ease-in); - } - - - } } img { -webkit-filter: grayscale(0); @@ -112,7 +102,6 @@ $card-padding: rem(gesso-spacing(sm)) !default; &:hover{ -webkit-filter: grayscale(100%); filter: grayscale(100%); - opacity:0.6; transition:filter ,opacity gesso-duration(shortest) gesso-easing(ease-in); } diff --git a/source/_patterns/04-components/tag-list/_tag-list.scss b/source/_patterns/04-components/tag-list/_tag-list.scss index a114a0d6a5ed7a358577645a7f9ce020bb5d32fb..9a242a1a09ac8a245fb8c92c73de0c25a52b8c20 100644 --- a/source/_patterns/04-components/tag-list/_tag-list.scss +++ b/source/_patterns/04-components/tag-list/_tag-list.scss @@ -4,6 +4,6 @@ .tag-list__item { display: inline-block; - margin-bottom: rem(gesso-spacing(xs)); + margin-bottom: rem(gesso-spacing(xxs)); margin-right: rem(gesso-spacing(xs)); } diff --git a/source/_patterns/04-components/tag/_tag.scss b/source/_patterns/04-components/tag/_tag.scss index 11ee35b121e3f2984cc31ed83f0ebcc070bf4edf..ba7cc13d250aa477ad5feaf17c26d38ce96c739a 100644 --- a/source/_patterns/04-components/tag/_tag.scss +++ b/source/_patterns/04-components/tag/_tag.scss @@ -14,7 +14,7 @@ $tag-font-size-small: rem(gesso-font-size(-3)) !default; background:none; display: inline-block; font-size: $tag-font-size-normal; - margin: 0 0 rem(gesso-spacing(xs)) 0; + margin: 0 0 rem(gesso-spacing(xxs)) 0; padding:0; text-align: center; text-decoration: none;