댓글 목록

Sass Introspection 함수

페이지 정보

작성자 운영자 작성일 19-06-04 14:45 조회 1,290 댓글 0

동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.

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




댓글목록 0

등록된 댓글이 없습니다.