Directive to hide/show elements based on the css media breakpoints
Contents
This is always hidden (class="hide")
Hidden on mobile small and below
Shown on mobile small and below (hidden above)
Hidden on mobile and below
Shown on mobile and below (hidden above)
Hidden on tablet only
Shown on tablet only (hidden elsewhere)
Hidden on desktop and above
Shown on desktop and above (hidden below)
Hidden on desktop large and above
Shown on desktop large and above (hidden below)
Hidden on desktop xlarge and above
Shown on desktop xlarge and above (hidden below)