Changes to consistent card styling

bh412 · jsharkey13 · commit f8626df58d7f · 2020-02-19T15:24:08.000Z
(cherry picked from commit 5c59188)
diff --git a/src/app/components/elements/cards/NewsCard.tsx b/src/app/components/elements/cards/NewsCard.tsx
@@ -9,7 +9,7 @@ export const NewsCard = ({newsItem}: {newsItem: IsaacPodDTO}) => {
     const {title, value, image, url} = newsItem;
 
     return <RS.Card className={classnames({'card-neat': true, 'news-carousel': true, 'm-4': true})}>
-        {image && <div className={'card-image'}>
+        {image && <div>
             <RS.CardImg
                 className={'news-card-image'}
                 top
diff --git a/src/scss/cards.scss b/src/scss/cards.scss
@@ -10,11 +10,8 @@
   @include respond-above(sm) {
     box-shadow: 0 2px 30px 0 $shadow-08;
   }
-  .news-carousel & .card-image {
+  .news-card-image {
     @include aspect-ratio(100, 59);
-    > .card-image img {
-      left: -1.45rem !important;
-    }
   }
   // Nomensa's image offset code, if we decide to use
   //.news-card-image {

Original file line number	Diff line number	Diff line change
`@@ -10,11 +10,8 @@`
`10`	`10`	`@include respond-above(sm) {`
`11`	`11`	`box-shadow: 0 2px 30px 0 $shadow-08;`
`12`	`12`	`}`
`13`		`- .news-carousel & .card-image {`
	`13`	`+ .news-card-image {`
`14`	`14`	`@include aspect-ratio(100, 59);`
`15`		`- > .card-image img {`
`16`		`- left: -1.45rem !important;`
`17`		`- }`
`18`	`15`	`}`
`19`	`16`	`// Nomensa's image offset code, if we decide to use`
`20`	`17`	`//.news-card-image {`