목록scss (1)

뇌 채우기 공간

[VUE.js] vue3 scss media query 전역으로 쓰는 법

vue cli 버전 : 3.0.0 sass-loader : 10.2.0 (sass loader는 설치했다고 간주한다.) 나는 미디어쿼리를 적용하기 위해서 글로벌로 모바일, 타블렛, 데스크탑 크기를 정해놓고 mobile, tablet , desktop 이 이름만 컴포넌트에서 쓰고 싶었다. 1. 글로벌 변수 파일 만들기 먼저 src폴더 아래에 style폴더를 만들고 _mixin.scss _variables.scss 파일을 만들었다. //_variables.scss $breakpoint-mobile: 335px; $breakpoint-tablet: 758px; $breakpoint-desktop: 1024px; //_mixin.scss @import './variables'; @mixin mobile { @m..
WEB/VUE.js 2021. 11. 17. 20:18
이전 Prev 1 Next 다음