Skip to content

Instantly share code, notes, and snippets.

@premrajah
Last active August 2, 2019 21:11
Show Gist options
  • Save premrajah/467d81249ca9bd8494253dff6c16a68d to your computer and use it in GitHub Desktop.
Save premrajah/467d81249ca9bd8494253dff6c16a68d to your computer and use it in GitHub Desktop.
Bootstrap 4 CSS Button Generator
npm install bootstrap
Use sass compiler to compile to css
@import './node_modules/bootstrap/scss/bootstrap.scss';
$mynewcolor:rgb(7, 173, 136);
.btn-primary {
@include button-variant($mynewcolor, darken($mynewcolor, 7.5%), darken($mynewcolor, 10%), lighten($mynewcolor,5%), lighten($mynewcolor, 10%), darken($mynewcolor,30%));
}
.btn-outline-primary {
@include button-outline-variant($mynewcolor, #222222, lighten($mynewcolor,5%), $mynewcolor);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment