diff options
Diffstat (limited to 'less')
| -rw-r--r-- | less/responsive-utilities.less | 36 |
1 files changed, 18 insertions, 18 deletions
diff --git a/less/responsive-utilities.less b/less/responsive-utilities.less index c69851bb9..71a158846 100644 --- a/less/responsive-utilities.less +++ b/less/responsive-utilities.less @@ -36,35 +36,35 @@ // Visibility utilities // For Phones -.visible-phone { display: inherit !important; } -.visible-tablet { display: none !important; } -.visible-desktop { display: none !important; } +.visible-sm { display: inherit !important; } +.visible-md { display: none !important; } +.visible-lg { display: none !important; } -.hidden-phone { display: none !important; } -.hidden-tablet { display: inherit !important; } -.hidden-desktop { display: inherit !important; } +.hidden-sm { display: none !important; } +.hidden-md { display: inherit !important; } +.hidden-lg { display: inherit !important; } // Tablets & small desktops only @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { - .visible-phone { display: none !important; } - .visible-tablet { display: inherit !important; } - .visible-desktop { display: none !important; } + .visible-sm { display: none !important; } + .visible-md { display: inherit !important; } + .visible-lg { display: none !important; } - .hidden-phone { display: inherit !important; } - .hidden-tablet { display: none !important; } - .hidden-desktop { display: inherit !important; } + .hidden-sm { display: inherit !important; } + .hidden-md { display: none !important; } + .hidden-lg { display: inherit !important; } } // For desktops @media (min-width: @screen-desktop) { - .visible-phone { display: none !important; } - .visible-tablet { display: none !important; } - .visible-desktop { display: inherit !important; } + .visible-sm { display: none !important; } + .visible-md { display: none !important; } + .visible-lg { display: inherit !important; } - .hidden-phone { display: inherit !important; } - .hidden-tablet { display: inherit !important; } - .hidden-desktop { display: none !important; } + .hidden-sm { display: inherit !important; } + .hidden-md { display: inherit !important; } + .hidden-lg { display: none !important; } } // Print utilities |