2017-04-25 4 views
0

때때로 나는 다른 팀원들이 구성 요소가있을 때마다 작성하지 않은 마크 업을 위해이 스캐 폴딩 구조를 재 작성하는 데 시간을 낭비 할 필요가 없도록 마크 업 구조와 일치하는 빈 파일을 sass 파일에 남겨 두도록 팀에 요청합니다 아직 완결되지 않았습니다. 또한 구조가 하나의 중단 점에서 일관되게 유지되어 태블릿이 모바일 우선 스타일을 덮어 쓰는 경우 특정 문제를 피할 수 있습니다. 그런 다음 필요에 따라 빠르고 쉽게 장소에 스타일을 추가 할 수 있습니다. 구성 요소가 완성되었을 때 이러한 빈 블록을 제거하지 않으면 컴파일되고 축소 된 출력에 포함됩니다.컴파일 된 출력에 빈 스타일 블록이 포함됩니까?

.new-header-main-content { 

    .header-inner-content { 

     .left-column { 

      a { 
       img { 
       } 
      } 
     } 

     .right-column { 


      .desktop-hamburger-menu { 
      } 
     } 
    } 
} 
+0

뭔가 - 단지 컴파일 된 CSS를 확인하고 당신은 발견 할 것이다. 지금 시도해보십시오. 빈 클래스는 컴파일되지 않습니다. – Morpheus

답변

2

아니요, 이들은 컴파일 된 css 파일에 포함되어 있지 않습니다. 이 코드는 CSS 파일에 아무 것도 출력하지 않습니다. 내 마음의 복잡한 이상

enter image description here

3

https://www.sassmeister.com을 사용하여 확인할 수 있습니다. 사실, 지금은 사용하지 않는 것이 좋다. KISS 원칙을 따른다. 따라서 컴파일 된 CSS는 비어있게됩니다.