@nitro-ui/utility-hide
Version:
Utility hide component for Nitro UI.
78 lines (72 loc) • 2.3 kB
CSS
.u-hide {
border: 0 ;
clip: rect(0 0 0 0) ;
clip-path: inset(50%) ;
height: 1px ;
margin: -1px ;
overflow: hidden ;
padding: 0 ;
position: absolute ;
white-space: nowrap ;
width: 1px ; }
@media only screen and (max-width: 767px) {
.u-hide\@mobile {
border: 0 ;
clip: rect(0 0 0 0) ;
clip-path: inset(50%) ;
height: 1px ;
margin: -1px ;
overflow: hidden ;
padding: 0 ;
position: absolute ;
white-space: nowrap ;
width: 1px ; } }
@media only screen and (min-width: 768px) and (max-width: 1080px) {
.u-hide\@tablet {
border: 0 ;
clip: rect(0 0 0 0) ;
clip-path: inset(50%) ;
height: 1px ;
margin: -1px ;
overflow: hidden ;
padding: 0 ;
position: absolute ;
white-space: nowrap ;
width: 1px ; } }
@media only screen and (max-width: 1080px) {
.u-hide\@portable {
border: 0 ;
clip: rect(0 0 0 0) ;
clip-path: inset(50%) ;
height: 1px ;
margin: -1px ;
overflow: hidden ;
padding: 0 ;
position: absolute ;
white-space: nowrap ;
width: 1px ; } }
@media only screen and (min-width: 1081px) {
.u-hide\@desktop {
border: 0 ;
clip: rect(0 0 0 0) ;
clip-path: inset(50%) ;
height: 1px ;
margin: -1px ;
overflow: hidden ;
padding: 0 ;
position: absolute ;
white-space: nowrap ;
width: 1px ; } }
@media only screen and (min-width: 768px) {
.u-hide\@tablet-desktop {
border: 0 ;
clip: rect(0 0 0 0) ;
clip-path: inset(50%) ;
height: 1px ;
margin: -1px ;
overflow: hidden ;
padding: 0 ;
position: absolute ;
white-space: nowrap ;
width: 1px ; } }
/*# sourceMappingURL=hide.css.map */