Skip to content

Instantly share code, notes, and snippets.

@heanfig
Created December 13, 2020 18:16
Show Gist options
  • Save heanfig/1db8c1454df8b2f6cf2cb289c1984f9b to your computer and use it in GitHub Desktop.
Save heanfig/1db8c1454df8b2f6cf2cb289c1984f9b to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
@mixin flex($justify-content:false,$align-items:false){
display:flex;
@if $justify-content {
justify-content: $justify-content;
}
@if $align-items {
align-items: $align-items;
}
}
body{
@include flex;
}
.body{
@include flex(center);
}
.body-1{
@include flex(false,center);
}
body {
display: flex;
}
.body {
display: flex;
justify-content: center;
}
.body-1 {
display: flex;
align-items: center;
}
{
"sass": {
"compiler": "dart-sass/1.26.11",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": false
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment