Fedozie

$total: 7;

@function col-width($col, $total){
    @return percentage($col/$total);
}

.col-1{
    width: col-width($col:1, $total:7);
}

Fedozie

.btn{
    padding: .3rem;
    border: none;
    color: none;
    margin: 1rem;
}

.btn-primary{
    @extend .btn;

Fedozie

.btn{
    padding: .3rem;
    border: none;
    color: none;
    margin: 1rem;
}

.btn-primary{
    @extend .btn;

Fedozie

@mixin list-item($borderColor, $backColor){
    border-color: $borderColor;
    background-color: $backColor;
}

ul{
  display: flex;
  flex-direction: column;

Fedozie

$mainFont: ‘Open Sans’, sans-serif;
$subFont: Helvetica, sans-serif;
$half: 50%;

body{
 font-family: $mainFont;
 width: 100vw;
}

.container{

Fedozie

.header{
    margin: 1.5rem;
    background-color: green;
    display: flex;
    justify-content: space-between;
    
    &-nav{
        background-color: white;
        width: 60%;