/home/moonrcjl/template.moontelict.com/a.tech/assets/scss/theme/_spacing.scss
@use '../utils' as *;


/*----------------------------------------*/
/*  1.3 Default Spacing
/*----------------------------------------*/

/*--
    - Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
@for $i from 1 through 150 {
    .mt-#{1 * $i} {
        margin-top: 1px * $i;
    }
}

/*-- Margin Bottom --*/
@for $i from 1 through 140 {
    .mb-#{1 * $i} {
        margin-bottom: 1px *$i;
    }
}

/*-- Margin Left --*/
@for $i from 1 through 100 {
    .ml-#{1 * $i} {
        margin-left: 1px * $i;
    }
}

/*-- Margin Right --*/
@for $i from 1 through 100 {
    .mr-#{1 * $i} {
        margin-right: 1px *$i;
    }
}

/*-- Padding Top --*/
@for $i from 1 through 150 {
    .pt-#{1 * $i} {
        padding-top: 1px *$i;
    }
}

/*-- Padding Bottom --*/
@for $i from 1 through 150 {
    .pb-#{1 * $i} {
        padding-bottom: 1px *$i;
    }
}

/*-- Padding Left --*/
@for $i from 1 through 130 {
    .pl-#{1 * $i} {
        padding-left: 1px *$i;
    }
}

/*-- Padding Right --*/
@for $i from 1 through 130 {
    .pr-#{1 * $i} {
        padding-right: 1px *$i;
    }
}


.pt-270{
    padding-top: 270px;
    @media #{$md,$xs} {
        padding-top: 180px;
    }
}
.pb-207{
    padding-bottom: 207px;
    @media #{$md,$xs} {
        padding-bottom: 120px;
    }
}

.pt-250 {
    padding-top: 250px;
}

.pt-350 {
    padding-top: 350px;

    @media #{$xl} {
        padding-top: 240px;
    }

    @media #{$lg,$md,$xs} {
        padding-top: 200px;
    }
    @media #{$xs} {
        padding-top: 180px;
    }
}


.pb-290 {
    padding-bottom: 250px;

    @media #{$xl} {
        padding-bottom: 200px;
    }

    @media #{$lg,$md,$xs} {
        padding-bottom: 170px;
    }
    @media #{$xs} {
        padding-bottom: 100px;
    }
}

.pb-190 {
    padding-bottom: 190px;
}


.pl-240 {
    padding-left: 240px;
}

.pb-170 {
    padding-bottom: 170px;
}

.pt-210 {
    padding-top: 210px;
}


.plr-115 {
    padding-left: 115px;
    padding-right: 115px;

    @media #{$xxl} {
        padding-left: 70px;
        padding-right: 70px;
    }

    @media #{$xl,$lg,$md,$xs} {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.plr-210 {
    padding-left: 210px;
    padding-right: 210px;

    @media #{$xxxl} {
        padding-left: 100px;
        padding-right: 100px;
    }

    @media #{$xxl} {
        padding-left: 50px;
        padding-right: 50px;
    }

    @media #{$xl} {
        padding-left: 30px;
        padding-right: 30px;
    }

    @media #{$lg,$md,$xs} {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.plr-85 {
    padding-left: 85px;
    padding-right: 85px;

}

.pb-240 {
    padding-bottom: 240px;
}

.ml-110 {
    margin-left: -110px;

    @media #{$xl} {
        margin-left: -90px;
    }

    @media #{$lg} {
        margin-left: -90px;
    }

    @media #{$md,$xs} {
        margin-left: 0px;
    }
}

.ml-140{
    margin-left: 140px;
}
Path: home/moonrcjl/template.moontelict.com/a.tech/assets/scss/theme