Skip to content

Commit

Permalink
fix(card): Fix border wrapping images on cards
Browse files Browse the repository at this point in the history
  • Loading branch information
Adam Raider committed Feb 27, 2019
1 parent 9255112 commit 3e82e4b
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 4 deletions.
10 changes: 8 additions & 2 deletions packages/ray/lib/_card.scss
Original file line number Diff line number Diff line change
@@ -1,14 +1,20 @@
$card-padding: 1rem;
$card-border-color: #e6e6e6;
$card-border-color: $gray35;

.card {
width: 100%;
border: 1px solid $card-border-color;
border-radius: $border-radius;
background-color: $white;
overflow: hidden;

&__content {
padding: $card-padding;
border: 1px solid $card-border-color;

&:not(:first-child) {
border-bottom-left-radius: $border-radius;
border-bottom-right-radius: $border-radius;
border-top: 0;
}
}
}
4 changes: 2 additions & 2 deletions packages/ray/lib/_image.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
height: auto;
position: relative;
overflow: hidden;
background-color: $gray30;
background-color: $gray35;

img {
position: absolute;
Expand All @@ -31,7 +31,7 @@
display: block;
width: 100%;
height: auto;
background-color: $gray30;
background-color: $gray35;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
Expand Down

0 comments on commit 3e82e4b

Please sign in to comment.