51 lines
801 B
SCSS
51 lines
801 B
SCSS
////////////////////
|
|
// Border Radius
|
|
////////////////////
|
|
|
|
$border-color: $slate-300;
|
|
|
|
.border {
|
|
border: 1px solid $border-color;
|
|
}
|
|
|
|
.border-top {
|
|
border-top: 1px solid $border-color;
|
|
}
|
|
|
|
.border-right {
|
|
border-right: 1px solid $border-color;
|
|
}
|
|
|
|
.border-bottom {
|
|
border-bottom: 1px solid $border-color;
|
|
}
|
|
|
|
.border-left {
|
|
border-left: 1px solid $border-color;
|
|
}
|
|
|
|
.border-thick {
|
|
border-width: 2px;
|
|
}
|
|
|
|
////////////////////
|
|
// Border Radius
|
|
////////////////////
|
|
|
|
$border-radius-sm: 3px;
|
|
$border-radius: 6px;
|
|
|
|
.rounded {
|
|
border-radius: $border-radius;
|
|
}
|
|
|
|
.rounded-top {
|
|
border-top-left-radius: $border-radius;
|
|
border-top-right-radius: $border-radius;
|
|
}
|
|
|
|
.rounded-bottom {
|
|
border-bottom-left-radius: $border-radius;
|
|
border-bottom-right-radius: $border-radius;
|
|
}
|