LESSCSS

네임 스페이스

가끔은 팀(의 목적)을 위해, 또는 몇몇 캡슐화된 소스를 제공하기 위해, 변수나 믹스인을 그룹으로 묶고 싶을 수 있습니다. LESS 에서는 매우 직관적인 방법으로 변수나 믹스인을 그룹으로 묶을 수 있습니다. - 나중에 재사용을 하거나, 배포하기 위해서, 그룹으로 묶고 싶은 몇몇 믹스인과 변수들을 #bundle 안에 넣으세요.

#bundle {
 .button () {
   display: block;
   border: 1px solid black;
   background-color: grey;
   &:hover { background-color: white }
 }
 .tab { ... }
 .citation { ... }
}

.button클래스를 #header a 안에서 믹스인하려면, 다음과 같이 하면 됩니다:

#header a {
 color: orange;
 #bundle > .button;
}

댓글

댓글 본문
  1. 김하나
    그룸화 한다고 보면 되는거 맞나요?


    .class1 {
    .class2 {
    .val(@param) {
    font-size: @param;
    color:green;
    }
    }
    }

    .myclass {
    .class1 > .class2 > .val(20px);
    이렇게 사용 하기도 하네요
  2. GNyon
    네임스페이스가 @arguments 특정한 변수처럼 bundle 말고도 다른걸로 정해도 되죠?
  3. 윤종민
    #bundle 이 네임스페이스 명이되는건가요? id앞에 #붙이는거랑 관련이있는건가요??