fix: homepage list spacing on last item

This commit is contained in:
Sean Yesmunt 2019-01-08 23:03:03 -05:00
parent ca3e0313df
commit b67eeeaa68

View file

@ -655,11 +655,12 @@
@media (min-width: 601px) { @media (min-width: 601px) {
width: calc((100% / 6) - 2.25rem); width: calc((100% / 6) - 2.25rem);
margin-left: var(--spacing-vertical-large); margin-left: var(--spacing-vertical-large);
}
&:last-of-type { &:last-of-type {
// For some reason margin doesn't work here. // We can't use margin or padding because overlfow: hidden ignores those
padding-right: var(--spacing-vertical-large); // border-right ensures the last item in the scrollable list has some space to the right
} border-right: var(--spacing-vertical-large) solid transparent;
} }
// May be needed for mobile design // May be needed for mobile design