이듬(E.UID) — SCSS Mixins

SCSS 믹스인 라이브러리 → 이듬(E.UID) 블렌디드 러닝 학습용

패키지 설치 (Install)

@euid/scss-mixins 패키지를 설치하는 방법은 다음의 2가지 중 하나를 선택해 사용할 수 있습니다.

방법 1. NPM 명령을 사용해 @euid/scss-mixins 패키지 설치 (권장)

$ npm i @euid/scss-mixins

방법 2. GitHub yamoo9/scss-mixins 저장소 복제

$ git clone https://github.com/yamoo9/scss-mixins.git

패키지 호출 (Import)

@euid/scss-mixins 패키지를 사용하는 방법은 다음과 같습니다.

방법 1. 상대 경로 활용

별도 설정 없이 패키지를 호출해 사용할 경우, 상대 경로 방식으로 @euid/scss-mixins 패키지를 찾습니다.

@import '../node_modules/@euid/scss-mixins';

방법 2. 임포트 경로(load path) 설정 (권장)

Dart Sass CLI 명령을 사용해 node_modules 디렉토리의 패키지를 불러올 수 있도록 설정합니다.

$ sass -I node_modules src/sass:dist/css

컴파일 명령을 실행할 때, 전달하는 -I는 --load-path 옵션의 단축 옵션입니다.
단축 옵션을 사용하지 않을 경우 다음과 같이 명령문을 작성해 실행할 수 있습니다.

# -I, --load-path=
$ sass --load-path=node_modules src/sass:dist/css

패키지에서 모든 믹스인을 가져와 사용하려면 다음과 같이 호출 코드를 작성합니다.

@import '@euid/scss-mixins';

패키지 문서 (Documentation)

@euid/scss-mixins 문서를 통해 사용법을 확인하고 익힐 수 있습니다.

패키지 라이선스 (License)

MIT 라이선스