동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.
Sass Introspection 함수
스타일 시트를 작성할 때 내부 검사 함수는 거의 사용되지 않습니다. 그러나 디버깅 기능과 같은 상황을 파악하기 위해 무언가가 제대로 작동하지 않는 경우 유용합니다.
다음 표는 Sass의 모든 내부 검사 함수를 나열합니다.
Function |
Description & Example |
call(function, arguments...) |
인수가있는 함수를 호출하고 결과를 리턴합니다. |
content-exists() |
현재 믹스인이 @content 블록을 통과했는지 여부를 검사합니다. |
feature-exists(feature) |
현재의 Sass 구현으로 기능이 서포트 되고 있는지 어떤지를 판정합니다. 예: feature-exists("at-error"); 결과 : true |
function-exists(functionname) |
지정된 함수가 존재하는지 확인합니다. 예: function-exists("nonsense") 결과 : false |
get-function(functionname, css: false) |
지정된 함수를 반환합니다. CSS가 사실이라면 대신에 일반 CSS 함수를 반환합니다. |
global-variable-exists(variablename) |
지정된 전역 변수가 있는지 확인합니다. 예: variable-exists(a) 결과 : true |
inspect(value) |
value의 캐릭터 라인 표현을 돌려줍니다. |
mixin-exists(mixinname) |
지정된 mixin가 존재할지 어떨지를 판정합니다. 예: mixin-exists("important-text") 결과 : true |
type-of(value) |
값의 형태를 돌려줍니다. 숫자, 문자열, 색상, 목록,지도, 부울, null, 함수, arglist가 될 수 있습니다. 예: type-of(15px) 결과 : number type-of(#ff0000) 결과 : color |
unit(number) |
숫자와 연결된 단위를 반환합니다. 예: unit(15px) 결과 : px |
unitless(number) |
지정된 숫자에 연결된 숫자가 있는지 확인합니다. 예: unitless(15px) 결과 : false unitless(15) 결과 : true |
variable-exists(variablename) |
지정한 변수가 현재 범위에 있는지 확인합니다. 예: variable-exists(b) 결과 : true |
등록된 댓글이 없습니다.