Skip to content

Instantly share code, notes, and snippets.

@claudia-romano

claudia-romano/layout_01_grid-mixin.scss

Created July 20, 2018 10:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save claudia-romano/f4a692e05295925650b0be88e46f7694 to your computer and use it in GitHub Desktop.
Save claudia-romano/f4a692e05295925650b0be88e46f7694 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
layout_01_grid-mixin.scss
$gap-horizontal: 10px;
$gap-vertical: $gap-horizontal;
@mixin grid {
@supports(grid-area: auto) {
display: grid;
grid-column-gap: $gap-horizontal;
grid-row-gap: $gap-vertical;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment