Skip to content

Instantly share code, notes, and snippets.

@bkaminski
Created May 18, 2018 17:46
Show Gist options
  • Save bkaminski/f471edee4f5a3e5cb1e84d31e846a9aa to your computer and use it in GitHub Desktop.
Save bkaminski/f471edee4f5a3e5cb1e84d31e846a9aa to your computer and use it in GitHub Desktop.
Bootstrap 4x Helper Classes that are Not Included in Bootstrap 4x
/* Bootstrap 4x includes the class "text-white" now, but what about any other color? */
.text-gold {
color: #dec328;
}
/*
.text-any-color {
color: you-decide;
}
*/
/* Here is another helper I found useful. Let's say I want to apply a box-shadow to a div... */
.box-shadow {
box-shadow: 2px 2px 4px #000;
}
/* Perhaps you want the same effect on your text */
.text-shadow {
text-shadow: 2px 2px 4px #000;
}
/* Use case... Instead of using the <u> tag, why not CSS? */
.text-underline {
text-decoration: underline;
}
/*Don't want to use the <strong> tag, how about: */
.text-strong {
font-weight: bold;
}
/* Same can be applied to italicized <em> text */
.text-em {
font-style: italic;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment