[SCSS] 내장 함수

 

 

색상 함수

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)	string에서 따옴표 제거
quote($string)	string에서 따옴표 추가
str-insert($string, $insert, $index)	string의 index번째에 특정 문자 삽입
str-index($string, $substring)	string에서 특정 문자의 첫 index를 반환
str-slice($string, $start-at, [$end-at])	string에서 특정 문자를 추출
to-upper-case($string)	string을 대문자로 변환
to-lower-case($string)	string을 소문자로 변환

 

 

숫자 함수

percentage($number)	숫자를 백분율로 변환
round($number)	정수로 반올림
ceil($number)	정수로 올림
floor($number)	정수로 내림
abs($number)	숫자의 절대값 반환
min($number)	최소값 찾기
max($number)	최대값 찾기
random()	0~1사이 난수 반환

 

 

List 함수

length($list)	리스트의 개수 반환
nth($list, $n)	리스트에서 n번째 값 반환
set-nth($list, $n, $value)	리스트에서 n번째 값을 다른 값으로 변경
join($list1, $list2, [$separator])	두 개의 리스트를 하나로 결합
zip($lists...)	여러 리스트들을 하나의 다차원 리스트로 결합
index($list, $value)	리스트에서 특정 값의 index 반환

 

 

Map 함수

map-get($map, $key)	map에서 특정 key의 value를 반환
map-merge($map1, $map2)	두 개의 map을 병합해 새로운 map 생성
map-keys($map)	map에서 모든 key를 리스트로 반환
map-values($map)	map에서 모든 value를 리스트로 반환

 

 

관리 함수

variable-exists(name)	변수가 현재 범위에 존재하는지 여부를 반환. 변수의 이름만 넣고 $는 사용하지 않음
unit($number)	숫자의 단위 반환
unitless($number)	숫자에 단위가 있는지 여부 반환
comparable($number1, $number2)	두 개의 숫자가 연산 가능한지 여부 반환