• 회원가입
  • 로그인
  • 구글아이디로 로그인

[func] SCSS - Introspection Functions (내부검사 함수) 종류

1,250  
목차
  1. call() 함수 - 독립변수 가진 함수 호출/반환
  2. content-exists() 함수 - mixin의 content 블럭 통과 여부
  3. feature-exists() 함수 - SASS 지원 여부
  4. function-exists() 함수 - 함수 존재 여부
  5. get-function() 함수 - 지정 함수 반환
  6. global-variable-exists() 함수 - 지정 전역변수 존재 여부
  7. inspect() 함수 - 값의 문자열 표현 반환
  8. mixin-exists() 함수 - 지정 mixin 존재 여부
  9. type-of() 함수 - 지정값 타입 반환
  10. unit() 함수 - 단위 반환
  11. unitless() 함수 - 관련 단위 존재 여부
  12. variable-exists() 함수 - 지정 변수 존재 여부

※ 내부검사 함수는 스타일시트 작성할 땐 사용 X. (디버깅할 때 사용.)

 

 

call() 함수 - 독립변수 가진 함수 호출/반환

 

call(function, arguments...)

독립변수 가진 함수 호출 후, 결과 반환.

 


content-exists() 함수 - mixin의 content 블럭 통과 여부

 

content-exists()

현재 mixin이 @content block을 통과했는지 여부 반환.

 


feature-exists() 함수 - SASS 지원 여부

 

feature-exists(feature)

해당 기능이 현재 SASS 버전에서 지원되는지 여부 체크.

(예제)

feature-exists("at-error");

Result: true

 


function-exists() 함수 - 함수 존재 여부

 

function-exists(functionname)

지정된 함수가 존재하는지 체크.

(예제)

function-exists("nonsense")

Result: false

 


get-function() 함수 - 지정 함수 반환

 

get-function(functionname, css: false)

지정 함수를 반환. css 매개변수가 true이면, 대신 일반 CSS 함수를 반환.

 


global-variable-exists() 함수 - 지정 전역변수 존재 여부

 

global-variable-exists(variablename)

지정된 전역변수가 존재하는지 체크.

(예제)

variable-exists(a)

Result: true

 


inspect() 함수 - 값의 문자열 표현 반환

 

inspect(value)

값의 문자열 표현을 반환.

 


mixin-exists() 함수 - 지정 mixin 존재 여부

 

mixin-exists(mixinname)

지정 mixin 존재 여부 체크.

(예제)

mixin-exists("important-text")

Result: true

 


type-of() 함수 - 지정값 타입 반환

 

type-of(value)

값의 타입 반환. (가능한 타입 종류: number, string, color, list, map, bool, null, function, arglist.)

(예제)

type-of(15px)

Result: number

type-of(#ff0000)

Result: color

 


unit() 함수 - 단위 반환

 

unit(number)

숫자와 관련된 단위 반환.

(예제)

unit(15px)

Result: px

 


unitless() 함수 - 관련 단위 존재 여부

 

unitless(number)

지정 숫자와 관련된 단위가 존재하는지 체크.

(예제)

unitless(15px)

Result: false

unitless(15)

Result: true

 


variable-exists() 함수 - 지정 변수 존재 여부

 

variable-exists(variablename)

지정 변수가 현재 경계범위에 존재하는지 체크.

(예제)

variable-exists(b)

Result: true

 

 

PS.

SASS Introspection 함수

http://staging.sass-lang.com/documentation/functions/meta

 

 


분류 제목
basic SCSS - Home (입문)
basic SCSS - Intro (소개)・Comments (주석)
basic SCSS - Installation (설치)
basic SCSS - Variables (변수)
basic SCSS - Nesting (안긴 형태)
basic SCSS - @import (가져오기)
basic SCSS - @mixin (믹스인)・@include (인클루드)
basic SCSS - @extend (상속)
func SCSS - String Functions (문자열 함수) 종류
func SCSS - Numeric Functions (숫자 함수) 종류
func SCSS - List Functions (리스트 함수) 종류
func SCSS - Map Functions (맵 함수) 종류
func SCSS - Selector Functions (선택자 함수) 종류
func SCSS - Introspection Functions (내부검사 함수) 종류
func SCSS - Color Functions (색상/색깔 함수) 종류
목록
찾아주셔서 감사합니다. Since 2012