상현에 하루하루

단일 @mixin에서 bootstrap 함수사용 (feat: node-module)

TL;DR 해당 파일만가져오면 @include media-breakpoint-up(sm) 정상적으로 사용가능 🤔 문제발생 accordion.scss라는 파일에서 @include media-breakpoint-up(sm)을 사용할 수 없다. 무엇이 문제일까? 합리적인 의심인 bootstrap 코드를 임포트하지 않아서 생기는 문제같았다. Try1 그럼 main.scss의 최상위에서 bootstrap.scss에서 설정한 것처럼 이렇게 적용했다. 역시 생각대로 bootstrap의 함수를 사용할 수 있게되었다. 하지만 또다른 문제가 생겼다. Try1 – 다른 문제 발생 accordion.scss에서 bootstrap 스타일 코드를 … Continued

Sass에서 조부모 선택하기

중첩된 형식으로 클래스를 작성하는 것은 관심사 분리에 좋은 방법입니다. 해당 .scsss BEM 구문을 사용한다면 &의 사용은 정말 유용합니다. 구성 요소의 CSS 구조를 유지하면서 필요한 경우 대규모 클래스 이름을 쉽게 변경할 수 있습니다. 그렇다면 조부모를 선택하는 방법은? 부모를 선택하는 것은 익숙하게 사용하는 방법이지만 조부모를 선택하는 것을 원할때가 있습니다. 예를 들어 .component:hover로 하위 .component:hover .component_card 이런식으로 구성하고싶을때가 … Continued