Skip to content

Instantly share code, notes, and snippets.

@mixxorz
Created September 17, 2018 09:34
Show Gist options
  • Save mixxorz/e47c6a4f8d4245d5b22057e22ca73795 to your computer and use it in GitHub Desktop.
Save mixxorz/e47c6a4f8d4245d5b22057e22ca73795 to your computer and use it in GitHub Desktop.
Debug vertical rhythm with Sass
@mixin vertical-grid($line-height: 24px) {
position: relative;
&::before {
$stripe-color: rgba(blue, 0.2);
background-image: repeating-linear-gradient(to bottom, $stripe-color, $stripe-color $line-height, transparent $line-height, transparent $line-height * 2);
bottom: 0;
content: '';
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 9999;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment