@nitro-ui/utility-rounded
Version:
Utility rounded styling for Nitro UI.
3 lines (2 loc) • 10.7 kB
CSS
.u-rounded{border-radius:4px }.u-rounded-top{border-top-left-radius:4px ;border-top-right-radius:4px }.u-rounded-right{border-top-right-radius:4px ;border-bottom-right-radius:4px }.u-rounded-bottom{border-bottom-left-radius:4px ;border-bottom-right-radius:4px }.u-rounded-left{border-top-left-radius:4px ;border-bottom-left-radius:4px }.u-rounded-sm{border-radius:3px }.u-rounded-top-sm{border-top-left-radius:3px ;border-top-right-radius:3px }.u-rounded-right-sm{border-top-right-radius:3px ;border-bottom-right-radius:3px }.u-rounded-bottom-sm{border-bottom-left-radius:3px ;border-bottom-right-radius:3px }.u-rounded-left-sm{border-top-left-radius:3px ;border-bottom-left-radius:3px }.u-rounded-0{border-radius:0 }.u-rounded-top-0{border-top-left-radius:0 ;border-top-right-radius:0 }.u-rounded-right-0{border-top-right-radius:0 ;border-bottom-right-radius:0 }.u-rounded-bottom-0{border-bottom-left-radius:0 ;border-bottom-right-radius:0 }.u-rounded-left-0{border-top-left-radius:0 ;border-bottom-left-radius:0 }.u-circle{border-radius:100% }@media only screen and (min-width: 1081px){.u-rounded\@desktop{border-radius:4px }.u-rounded-top\@desktop{border-top-left-radius:4px ;border-top-right-radius:4px }.u-rounded-right\@desktop{border-top-right-radius:4px ;border-bottom-right-radius:4px }.u-rounded-bottom\@desktop{border-bottom-left-radius:4px ;border-bottom-right-radius:4px }.u-rounded-left\@desktop{border-top-left-radius:4px ;border-bottom-left-radius:4px }.u-rounded-sm\@desktop{border-radius:3px }.u-rounded-top-sm\@desktop{border-top-left-radius:3px ;border-top-right-radius:3px }.u-rounded-right-sm\@desktop{border-top-right-radius:3px ;border-bottom-right-radius:3px }.u-rounded-bottom-sm\@desktop{border-bottom-left-radius:3px ;border-bottom-right-radius:3px }.u-rounded-left-sm\@desktop{border-top-left-radius:3px ;border-bottom-left-radius:3px }.u-rounded-0\@desktop{border-radius:0 }.u-rounded-top-0\@desktop{border-top-left-radius:0 ;border-top-right-radius:0 }.u-rounded-right-0\@desktop{border-top-right-radius:0 ;border-bottom-right-radius:0 }.u-rounded-bottom-0\@desktop{border-bottom-left-radius:0 ;border-bottom-right-radius:0 }.u-rounded-left-0\@desktop{border-top-left-radius:0 ;border-bottom-left-radius:0 }.u-circle\@desktop{border-radius:100% }}@media only screen and (min-width: 768px){.u-rounded\@tablet-desktop{border-radius:4px }.u-rounded-top\@tablet-desktop{border-top-left-radius:4px ;border-top-right-radius:4px }.u-rounded-right\@tablet-desktop{border-top-right-radius:4px ;border-bottom-right-radius:4px }.u-rounded-bottom\@tablet-desktop{border-bottom-left-radius:4px ;border-bottom-right-radius:4px }.u-rounded-left\@tablet-desktop{border-top-left-radius:4px ;border-bottom-left-radius:4px }.u-rounded-sm\@tablet-desktop{border-radius:3px }.u-rounded-top-sm\@tablet-desktop{border-top-left-radius:3px ;border-top-right-radius:3px }.u-rounded-right-sm\@tablet-desktop{border-top-right-radius:3px ;border-bottom-right-radius:3px }.u-rounded-bottom-sm\@tablet-desktop{border-bottom-left-radius:3px ;border-bottom-right-radius:3px }.u-rounded-left-sm\@tablet-desktop{border-top-left-radius:3px ;border-bottom-left-radius:3px }.u-rounded-0\@tablet-desktop{border-radius:0 }.u-rounded-top-0\@tablet-desktop{border-top-left-radius:0 ;border-top-right-radius:0 }.u-rounded-right-0\@tablet-desktop{border-top-right-radius:0 ;border-bottom-right-radius:0 }.u-rounded-bottom-0\@tablet-desktop{border-bottom-left-radius:0 ;border-bottom-right-radius:0 }.u-rounded-left-0\@tablet-desktop{border-top-left-radius:0 ;border-bottom-left-radius:0 }.u-circle\@tablet-desktop{border-radius:100% }}@media only screen and (max-width: 1080px){.u-rounded\@portable{border-radius:4px }.u-rounded-top\@portable{border-top-left-radius:4px ;border-top-right-radius:4px }.u-rounded-right\@portable{border-top-right-radius:4px ;border-bottom-right-radius:4px }.u-rounded-bottom\@portable{border-bottom-left-radius:4px ;border-bottom-right-radius:4px }.u-rounded-left\@portable{border-top-left-radius:4px ;border-bottom-left-radius:4px }.u-rounded-sm\@portable{border-radius:3px }.u-rounded-top-sm\@portable{border-top-left-radius:3px ;border-top-right-radius:3px }.u-rounded-right-sm\@portable{border-top-right-radius:3px ;border-bottom-right-radius:3px }.u-rounded-bottom-sm\@portable{border-bottom-left-radius:3px ;border-bottom-right-radius:3px }.u-rounded-left-sm\@portable{border-top-left-radius:3px ;border-bottom-left-radius:3px }.u-rounded-0\@portable{border-radius:0 }.u-rounded-top-0\@portable{border-top-left-radius:0 ;border-top-right-radius:0 }.u-rounded-right-0\@portable{border-top-right-radius:0 ;border-bottom-right-radius:0 }.u-rounded-bottom-0\@portable{border-bottom-left-radius:0 ;border-bottom-right-radius:0 }.u-rounded-left-0\@portable{border-top-left-radius:0 ;border-bottom-left-radius:0 }.u-circle\@portable{border-radius:100% }}@media only screen and (max-width: 1080px){.u-rounded\@mobile-tablet{border-radius:4px }.u-rounded-top\@mobile-tablet{border-top-left-radius:4px ;border-top-right-radius:4px }.u-rounded-right\@mobile-tablet{border-top-right-radius:4px ;border-bottom-right-radius:4px }.u-rounded-bottom\@mobile-tablet{border-bottom-left-radius:4px ;border-bottom-right-radius:4px }.u-rounded-left\@mobile-tablet{border-top-left-radius:4px ;border-bottom-left-radius:4px }.u-rounded-sm\@mobile-tablet{border-radius:3px }.u-rounded-top-sm\@mobile-tablet{border-top-left-radius:3px ;border-top-right-radius:3px }.u-rounded-right-sm\@mobile-tablet{border-top-right-radius:3px ;border-bottom-right-radius:3px }.u-rounded-bottom-sm\@mobile-tablet{border-bottom-left-radius:3px ;border-bottom-right-radius:3px }.u-rounded-left-sm\@mobile-tablet{border-top-left-radius:3px ;border-bottom-left-radius:3px }.u-rounded-0\@mobile-tablet{border-radius:0 }.u-rounded-top-0\@mobile-tablet{border-top-left-radius:0 ;border-top-right-radius:0 }.u-rounded-right-0\@mobile-tablet{border-top-right-radius:0 ;border-bottom-right-radius:0 }.u-rounded-bottom-0\@mobile-tablet{border-bottom-left-radius:0 ;border-bottom-right-radius:0 }.u-rounded-left-0\@mobile-tablet{border-top-left-radius:0 ;border-bottom-left-radius:0 }.u-circle\@mobile-tablet{border-radius:100% }}@media only screen and (min-width: 768px) and (max-width: 1080px){.u-rounded\@tablet{border-radius:4px }.u-rounded-top\@tablet{border-top-left-radius:4px ;border-top-right-radius:4px }.u-rounded-right\@tablet{border-top-right-radius:4px ;border-bottom-right-radius:4px }.u-rounded-bottom\@tablet{border-bottom-left-radius:4px ;border-bottom-right-radius:4px }.u-rounded-left\@tablet{border-top-left-radius:4px ;border-bottom-left-radius:4px }.u-rounded-sm\@tablet{border-radius:3px }.u-rounded-top-sm\@tablet{border-top-left-radius:3px ;border-top-right-radius:3px }.u-rounded-right-sm\@tablet{border-top-right-radius:3px ;border-bottom-right-radius:3px }.u-rounded-bottom-sm\@tablet{border-bottom-left-radius:3px ;border-bottom-right-radius:3px }.u-rounded-left-sm\@tablet{border-top-left-radius:3px ;border-bottom-left-radius:3px }.u-rounded-0\@tablet{border-radius:0 }.u-rounded-top-0\@tablet{border-top-left-radius:0 ;border-top-right-radius:0 }.u-rounded-right-0\@tablet{border-top-right-radius:0 ;border-bottom-right-radius:0 }.u-rounded-bottom-0\@tablet{border-bottom-left-radius:0 ;border-bottom-right-radius:0 }.u-rounded-left-0\@tablet{border-top-left-radius:0 ;border-bottom-left-radius:0 }.u-circle\@tablet{border-radius:100% }}@media only screen and (max-width: 767px){.u-rounded\@mobile{border-radius:4px }.u-rounded-top\@mobile{border-top-left-radius:4px ;border-top-right-radius:4px }.u-rounded-right\@mobile{border-top-right-radius:4px ;border-bottom-right-radius:4px }.u-rounded-bottom\@mobile{border-bottom-left-radius:4px ;border-bottom-right-radius:4px }.u-rounded-left\@mobile{border-top-left-radius:4px ;border-bottom-left-radius:4px }.u-rounded-sm\@mobile{border-radius:3px }.u-rounded-top-sm\@mobile{border-top-left-radius:3px ;border-top-right-radius:3px }.u-rounded-right-sm\@mobile{border-top-right-radius:3px ;border-bottom-right-radius:3px }.u-rounded-bottom-sm\@mobile{border-bottom-left-radius:3px ;border-bottom-right-radius:3px }.u-rounded-left-sm\@mobile{border-top-left-radius:3px ;border-bottom-left-radius:3px }.u-rounded-0\@mobile{border-radius:0 }.u-rounded-top-0\@mobile{border-top-left-radius:0 ;border-top-right-radius:0 }.u-rounded-right-0\@mobile{border-top-right-radius:0 ;border-bottom-right-radius:0 }.u-rounded-bottom-0\@mobile{border-bottom-left-radius:0 ;border-bottom-right-radius:0 }.u-rounded-left-0\@mobile{border-top-left-radius:0 ;border-bottom-left-radius:0 }.u-circle\@mobile{border-radius:100% }}
/*# sourceMappingURL=rounded.css.min.map */