색상 내장 함수

  &.built-in {

    @include center;

    background-color: mix($color, red);

  }

&.built-in 은 자신에 built-in 클래스가 있는 경우

 

mix(색1, 색2)

값을 섞는 건데, 둘 값의 중간값 주는 듯

 

 

background-color: lighten($color, 30%);

밝게

 

 

background-color: darken($color, 30%);

어둡게

 

 

background-color: saturate($color, 40%);

채도 높여주기

40% 높여줌

 

 

background-color: desaturate($color, 40%);

채도 감소

 

 

background-color: grayscale($color);

색생에 따라 회색 정도가 다르기에 색상 줘야 함.

 

 

background-color: invert($color);

반전

 

 

 

background-color: rgba($color, .5);

색에, 투명도 주면 됨.