Skip to content

Instantly share code, notes, and snippets.

@jasonmelgoza
Created February 5, 2021 21:06
Show Gist options
  • Save jasonmelgoza/f7c83088f8440ac9f2acfe76fe5a6de3 to your computer and use it in GitHub Desktop.
Save jasonmelgoza/f7c83088f8440ac9f2acfe76fe5a6de3 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// lists
$directions: (
"t": top,
"r": right,
"b": bottom,
"l": left
);
// borders
.ba {
border: 1px solid red !important;
}
.bn {
border: 0 none !important;
}
@each $name, $dir in $directions {
.b#{$name} {
border-#{$dir}: 1px solid red !important;
}
}
.ba {
border: 1px solid red !important;
}
.bn {
border: 0 none !important;
}
.bt {
border-top: 1px solid red !important;
}
.br {
border-right: 1px solid red !important;
}
.bb {
border-bottom: 1px solid red !important;
}
.bl {
border-left: 1px solid red !important;
}
{
"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