@nitro-ui/utility-rounded/dist/css/rounded.css

Utility rounded styling for Nitro UI.

.u-rounded {
  border-radius: 4px !important; }

.u-rounded-top {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important; }

.u-rounded-right {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important; }

.u-rounded-bottom {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important; }

.u-rounded-left {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important; }

.u-rounded-sm {
  border-radius: 3px !important; }

.u-rounded-top-sm {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important; }

.u-rounded-right-sm {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important; }

.u-rounded-bottom-sm {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important; }

.u-rounded-left-sm {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important; }

.u-rounded-0 {
  border-radius: 0 !important; }

.u-rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.u-rounded-right-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.u-rounded-bottom-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.u-rounded-left-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.u-circle {
  border-radius: 100% !important; }

@media only screen and (min-width: 1081px) {
  .u-rounded\@desktop {
    border-radius: 4px !important; }
  .u-rounded-top\@desktop {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important; }
  .u-rounded-right\@desktop {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .u-rounded-bottom\@desktop {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .u-rounded-left\@desktop {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important; }
  .u-rounded-sm\@desktop {
    border-radius: 3px !important; }
  .u-rounded-top-sm\@desktop {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important; }
  .u-rounded-right-sm\@desktop {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important; }
  .u-rounded-bottom-sm\@desktop {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important; }
  .u-rounded-left-sm\@desktop {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important; }
  .u-rounded-0\@desktop {
    border-radius: 0 !important; }
  .u-rounded-top-0\@desktop {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important; }
  .u-rounded-right-0\@desktop {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .u-rounded-bottom-0\@desktop {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .u-rounded-left-0\@desktop {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }
  .u-circle\@desktop {
    border-radius: 100% !important; } }

@media only screen and (min-width: 768px) {
  .u-rounded\@tablet-desktop {
    border-radius: 4px !important; }
  .u-rounded-top\@tablet-desktop {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important; }
  .u-rounded-right\@tablet-desktop {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .u-rounded-bottom\@tablet-desktop {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .u-rounded-left\@tablet-desktop {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important; }
  .u-rounded-sm\@tablet-desktop {
    border-radius: 3px !important; }
  .u-rounded-top-sm\@tablet-desktop {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important; }
  .u-rounded-right-sm\@tablet-desktop {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important; }
  .u-rounded-bottom-sm\@tablet-desktop {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important; }
  .u-rounded-left-sm\@tablet-desktop {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important; }
  .u-rounded-0\@tablet-desktop {
    border-radius: 0 !important; }
  .u-rounded-top-0\@tablet-desktop {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important; }
  .u-rounded-right-0\@tablet-desktop {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .u-rounded-bottom-0\@tablet-desktop {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .u-rounded-left-0\@tablet-desktop {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }
  .u-circle\@tablet-desktop {
    border-radius: 100% !important; } }

@media only screen and (max-width: 1080px) {
  .u-rounded\@portable {
    border-radius: 4px !important; }
  .u-rounded-top\@portable {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important; }
  .u-rounded-right\@portable {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .u-rounded-bottom\@portable {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .u-rounded-left\@portable {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important; }
  .u-rounded-sm\@portable {
    border-radius: 3px !important; }
  .u-rounded-top-sm\@portable {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important; }
  .u-rounded-right-sm\@portable {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important; }
  .u-rounded-bottom-sm\@portable {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important; }
  .u-rounded-left-sm\@portable {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important; }
  .u-rounded-0\@portable {
    border-radius: 0 !important; }
  .u-rounded-top-0\@portable {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important; }
  .u-rounded-right-0\@portable {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .u-rounded-bottom-0\@portable {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .u-rounded-left-0\@portable {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }
  .u-circle\@portable {
    border-radius: 100% !important; } }

@media only screen and (max-width: 1080px) {
  .u-rounded\@mobile-tablet {
    border-radius: 4px !important; }
  .u-rounded-top\@mobile-tablet {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important; }
  .u-rounded-right\@mobile-tablet {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .u-rounded-bottom\@mobile-tablet {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .u-rounded-left\@mobile-tablet {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important; }
  .u-rounded-sm\@mobile-tablet {
    border-radius: 3px !important; }
  .u-rounded-top-sm\@mobile-tablet {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important; }
  .u-rounded-right-sm\@mobile-tablet {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important; }
  .u-rounded-bottom-sm\@mobile-tablet {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important; }
  .u-rounded-left-sm\@mobile-tablet {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important; }
  .u-rounded-0\@mobile-tablet {
    border-radius: 0 !important; }
  .u-rounded-top-0\@mobile-tablet {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important; }
  .u-rounded-right-0\@mobile-tablet {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .u-rounded-bottom-0\@mobile-tablet {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .u-rounded-left-0\@mobile-tablet {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }
  .u-circle\@mobile-tablet {
    border-radius: 100% !important; } }

@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .u-rounded\@tablet {
    border-radius: 4px !important; }
  .u-rounded-top\@tablet {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important; }
  .u-rounded-right\@tablet {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .u-rounded-bottom\@tablet {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .u-rounded-left\@tablet {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important; }
  .u-rounded-sm\@tablet {
    border-radius: 3px !important; }
  .u-rounded-top-sm\@tablet {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important; }
  .u-rounded-right-sm\@tablet {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important; }
  .u-rounded-bottom-sm\@tablet {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important; }
  .u-rounded-left-sm\@tablet {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important; }
  .u-rounded-0\@tablet {
    border-radius: 0 !important; }
  .u-rounded-top-0\@tablet {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important; }
  .u-rounded-right-0\@tablet {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .u-rounded-bottom-0\@tablet {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .u-rounded-left-0\@tablet {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }
  .u-circle\@tablet {
    border-radius: 100% !important; } }

@media only screen and (max-width: 767px) {
  .u-rounded\@mobile {
    border-radius: 4px !important; }
  .u-rounded-top\@mobile {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important; }
  .u-rounded-right\@mobile {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .u-rounded-bottom\@mobile {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .u-rounded-left\@mobile {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important; }
  .u-rounded-sm\@mobile {
    border-radius: 3px !important; }
  .u-rounded-top-sm\@mobile {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important; }
  .u-rounded-right-sm\@mobile {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important; }
  .u-rounded-bottom-sm\@mobile {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important; }
  .u-rounded-left-sm\@mobile {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important; }
  .u-rounded-0\@mobile {
    border-radius: 0 !important; }
  .u-rounded-top-0\@mobile {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important; }
  .u-rounded-right-0\@mobile {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .u-rounded-bottom-0\@mobile {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .u-rounded-left-0\@mobile {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }
  .u-circle\@mobile {
    border-radius: 100% !important; } }

/*# sourceMappingURL=rounded.css.map */