Misc utilities

Classes I find are good quality of life improvements

Classes

.code

Give a <pre> a bit more flair with a $primary-color line down the left hand side of it.

.chunky-button

Make a button nice and chunky with padding

.collapsable

Apply this to a <table> element to make it collapsable.

.no-table-border

Apply this to a <table> element to remove base borders from it.

.disabled

Make a link look disabled.

.active

Make a link look active.

.bold

Make text bold

.bold-s

Make text bold only on small screens

.bold-m

Make text bold only on medium screens

.bold-l

Make text bold only on large screens

.italic

Make text italic

.italic-s

Make text italic only on small screens

.italic-m

Make text italic only on medium screens

.italic-l

Make text italic only on large screens

.uppercase

Make text all uppercase

.lowercase

Make text all lowercase

.no-text-decoration

Remove text decoration

.monospace

Use the same font used for <pre> elements

.light-text

Use $light-color for text

.dark-text

Use $dark-color for text