Additional css for card layout

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;

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);
 
     }

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));
 }

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;