Breakpointy

$desktop: "only screen and (min-width: 1599px)";
$menuBreak: "only screen and (min-width: 1599px)";
$sDesktop: "only screen and (min-width: 1365px)";
$tablet: "only screen and (min-width: 1279px)";
$sTablet: "only screen and (min-width: 1023px)";
$mobile: "only screen and (min-width: 767px)";
$mMobile: "only screen and (min-width: 479px)";
$sMobile: "only screen and (min-width: 371px)";

Puszczanie for po tablicy

$colorsArray: $color1, color2, $color3, $color4, $color5, $color6;

.headingContainer {

    @for $i from 1 through length($colorsArray) {
        &.color#{$i} h1 {
            color: nth( $colorsArray, $i );
        }
    }
}