
%color-main { color: $maincolor } /* Main main color */
%color-main-dark { color: $maincolor-dark }
%color-main-darker { color: $maincolor-darker }
%color-main-light { color: $maincolor-light }
%color-main-lighter { color: $maincolor-lighter }

%color-alt { color: $altcolor } /* Main alt color (1) */
%color-alt-dark { color: $altcolor-dark }
%color-alt-darker { color: $altcolor-darker  }
%color-alt-light { color: $altcolor-light }
%color-alt-lighter { color: $altcolor-lighter}


%color-accent { color: $accentcolor } /* Main accent color */
%color-accent-dark { color: $accentcolor-dark }
%color-accent-darker { color: $accentcolor-darker}
%color-accent-light { color: $accentcolor-light }
%color-accent-lighter { color: $accentcolor-lighter }

%background-main { background: $maincolor } /* Main main background */
%background-main-dark { background: $maincolor-dark  }
%background-main-darker { background: $maincolor-darker  }
%background-main-light { background: $maincolor-light }
%background-main-lighter { background: $maincolor-lighter }

%background-alt { background: $altcolor } /* Main alt background (1) */
%background-alt-dark { background: $altcolor-dark }
%background-alt-darker { background:  $altcolor-darker }
%background-alt-light { background: $altcolor-light } 
%background-alt-lighter { background: $altcolor-lighter }



%background-accent { background-color: $accentcolor } /* Main accent background */
%background-accent-dark { background-color: $accentcolor-dark }
%background-accent-darker { background-color: $accentcolor-darker  }
%background-accent-light { background:-color $accentcolor-light}
%background-accent-lighter { background-color: $accentcolor-lighter  }


%border-main { border-color: $maincolor } /* Main main border */
%border-main-dark { border-color: $maincolor-dark  }
%border-main-darker { border-color: $maincolor-darker }
%border-main-light { border-color: $maincolor-light }
%border-main-lighter { border-color: $maincolor-lighter }

%border-alt { border-color: $altcolor } /* Main alt border (1) */
%border-alt-dark { border-color: $altcolor-dark  }
%border-alt-darker { border-color: $altcolor-darker  }
%border-alt-light { border-color: $altcolor-light }
%border-alt-lighter { border-color: $altcolor-lighter }



%border-accent { border-color: $accentcolor } /* Main accent border */
%border-accent-dark { border-color: $altcolor-dark  }
%border-accent-darker { border-color: $altcolor-darker}
%border-accent-light { border-color: $accentcolor-light  }
%border-accent-ligher { border-color: $accentcolor-lighter }


%background-gray   {background-color: $gray}
%background-gray-dark   {background-color: $gray-dark}
%background-gray-darker {background-color: $gray-darker}
%background-gray-light  {background-color: $gray-light}
%background-gray-lighter {background-color: $gray-lighter}

%color-gray   {color: $gray}
%color-gray-dark   {color: $gray-dark}
%color-gray-darker {color: $gray-darker}
%color-gray-light  {color: $gray-light}
%color-gray-lighter {color: $gray-lighter}

%border-gray   {border-color: $gray}
%border-gray-dark   {border-color: $gray-dark}
%border-gray-darker {border-color: $gray-darker}
%border-gray-light  {border-color: $gray-light}
%border-gray-lighter {border-color: $gray-lighter}


%background-black   {background-color: $black}
%background-black-dark   {background-color: $black-dark}
%background-black-darker {background-color: $black-darker}
%background-black-light  {background-color: $black-light}
%background-black-lighter {background-color: $black-lighter}

%color-black   {color: $black}
%color-black-dark   {color: $black-dark}
%color-black-darker {color: $black-darker}
%color-black-light  {color: $black-light}
%color-black-lighter {color: $black-lighter}

%border-black   {border-color: $black}
%border-black-dark   {border-color: $black-dark}
%border-black-darker {border-color: $black-darker}
%border-black-light  {border-color: $black-light}
%border-black-lighter {border-color: $black-lighter}


%color-orange {
  color: $orange;
}

%color-gold {
  color: $gold;
}

%color-teal {
  color: $teal;
}

%color-sky {
  color: $sky;
}

%color-blue {
  color: $blue;
}

%color-green {
    color: $green;
}


%color-purple {
    color: $purple;
}

%color-red {
    color: $red;
}


%color-yellow {
    color: $yellow;
}



%border-orange {
  border-color: $orange;
}

%border-yellow {
  border-color: $yellow;
}


%border-gold {
  border-color: $gold;
}

%border-teal {
  border-color: $teal;
}

%border-sky {
  border-color: $sky;
}

%border-blue {
  border-color: $blue;
}

%border-purple {
    border-color: $purple;
}

%border-green {
    border-color: $green;
}

%border-red {
border-color: $red;
}

%background-orange {
  background-color: $orange;
}

%background-yellow {
  background-color: $yellow;
}


%background-gold {
  background-color: $gold;
}

%background-teal {
  background-color: $teal;
}

%background-sky {
  background-color: $sky;
}

%background-blue {
  background-color: $blue;
}

%background-purple {
    background-color: $purple;
}

%background-green {
background-color: $green;
}

%background-red {
background-color: $red;
}



%color-white {color: #fff}



/*Transparent borders */

%border-top-transparent {
  border-top: transparent;
}

%border-bottom-transparent {
  border-bottom: transparent;
}

%border-left-transparent {
  border-left: transparent;
}

%border-right-transparent {
  border-right: transparent;
}


/*social*/
%bk-social-twitter {
  background-color: $twitter;
} 

%color-social-twitter {
   color: $twitter;
}

%bk-social-facebook {
   background-color: $facebook;
} 

%color-social-facebook {
    color: $facebook;
  
}


%bk-social-pinterest {
   background-color: $pinterest;
} 

%color-social-pinterest {
    color: $pinterest;
  
}


%bk-social-googleplus {
   background-color: $googleplus;
} 

%color-social-googleplus{
    color: $googleplus;
  
}