SCSS 내장함수

훈나무·2022년 11월 29일
2

scss

목록 보기
2/2
post-thumbnail

색상함수

mix(color1, color2) : 두 개의 색을 섞습니다.

lighten(color, amount) : 더 밝은색을 만듭니다.

darken(color, amount) : 더 어두운색을 만듭니다.

saturate(color, amount) : 색상의 채도를 올립니다.

desaturate(color, amount) : 색상의 채도를 낮춥니다.

grayscale(color) : 색상을 회색으로 변환합니다.

invert(color) : 색상을 반전시킵니다.

rgba(color, alpha) : 색상의 투명도를 변경합니다.

opacify(color, amount) / fade-in(color, amount) : 색상을 더 불투명하게 만듭니다.

transparentize(color, amount) / fade-out(color, amount) : 색상을 더 투명하게 만듭니다.


문자열 함수

unquote(string) : 문자에서 따옴표를 제거합니다.

quote(string) : 문자에 따옴표를 추가합니다.

str-insert(string, insert, index) : 문자의 index번째에 특정 문자를 삽입합니다.

str-index(string, substring) : 문자에서 특정 문자의 첫 index를 반환합니다.

str-slice(string, start-at, [end-at]) : 문자에서 특정 문자(몇 번째 글자부터 몇 번째 글자까지)를 추출합니다.

to-upper-case(string) : 문자를 대문자를 변환합니다.

to-lower-case(string) : 문자를 소문자로 변환합니다.

profile
프론트엔드 개발자 입니다

0개의 댓글

관련 채용 정보