Media Queries
Since we're embracing flex, let's embrace the idea that there that are 3 main states for modern web views.
By default any tag with a f-show- or f-hide- are hidden by default, then the media query is applied.
Phone, Tablet, Desktop - everything else can fall close enough to one of these.
f-show-phone
f-show-tablet
f-show-desktop
Source:
_media.scss
, line 3