.display-block .show .hide

1. .show applies the same style as .display-block
2. .hide applies display: none;, but there's no .display-none utility class

• I think it's kind of confusing to have 2 utility classes for the same style
• I think there should be a .display-none utility class for a few reasons:
  • More consistent with the rest of the display utility classes.
  • We may want to toggle between hiding/showing an element with display: none and a display style other than display: block, for example switching between display: none; and display: inline-block

.hidden .visible .hidden-* .visible-*

1. .hidden applies visibility: hidden; and .visible applies .visibility: visible;
2. .hidden-* applies display: none; and .visible-* applies display: block;

• I think these class names are confusing. From the classnames, I would've thought .hidden-* (e.g. .hidden-print) would apply the same style as .hidden, which is visibility: hidden;.