//Border radius

$borderRadius4: 4px;
$borderRadius8: 8px;
$borderRadius12: 12px;
$borderRadius16: 16px;
$borderRadius20: 20px;
$borderRadius50: 50px;
$borderRadius100: 100%;


.ds-radius4 {
    border-radius: $borderRadius4;
}

.ds-radius8 {
    border-radius: $borderRadius8;
}

.ds-radius12 {
    border-radius: $borderRadius12;
}

.ds-radius16 {
    border-radius: $borderRadius16;
}

.ds-radius20 {
    border-radius: $borderRadius20;
}

.ds-radius100 {
    border-radius: $borderRadius100;
}