/* Basscss Border */

.border {

border-style: solid;
border-width: var(--border-width);

}

.border-top {

border-top-style: solid;
border-top-width: var(--border-width);

}

.border-right {

border-right-style: solid;
border-right-width: var(--border-width);

}

.border-bottom {

border-bottom-style: solid;
border-bottom-width: var(--border-width);

}

.border-left {

border-left-style: solid;
border-left-width: var(--border-width);

}

.border-none { border: 0 }

.rounded { border-radius: var(–border-radius) } .circle { border-radius: 50% }

.rounded-top { border-radius: var(–border-radius) var(–border-radius) 0 0 } .rounded-right { border-radius: 0 var(–border-radius) var(–border-radius) 0 } .rounded-bottom { border-radius: 0 0 var(–border-radius) var(–border-radius) } .rounded-left { border-radius: var(–border-radius) 0 0 var(–border-radius) }

.not-rounded { border-radius: 0 }

:root {

--border-width: 1px;
--border-radius: 3px;

}