From e1c0e61376c4b4bb8784362f9b9b65da14d569ff Mon Sep 17 00:00:00 2001
From: Martin Leblanc <m26lebla@uwaterloo.ca>
Date: Tue, 8 Jun 2021 19:03:38 +0000
Subject: [PATCH] Additional css for card layout
---
css/styles.css | 12 ++----------
source/_patterns/04-components/card/_card.scss | 11 -----------
.../_patterns/04-components/tag-list/_tag-list.scss | 2 +-
source/_patterns/04-components/tag/_tag.scss | 2 +-
4 files changed, 4 insertions(+), 23 deletions(-)
diff --git a/css/styles.css b/css/styles.css
index 07036e96..44f9c4ec 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 81347b6b..1045a467 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 a114a0d6..9a242a1a 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 11ee35b1..ba7cc13d 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;
--
GitLab