기본 설정

scss-lint : disable all _normalize.scss 모든 css 속성 초기화 https://meyerweb.com/eric/tools/css/reset/ _reset.scss https://meyerweb.com/eric/tools/css/reset/ *{ margin:0; font-family:'Noto Sans KR', sans-serif; box-sizing: border-box; } html { font-family:'Noto Sans KR', sans-serif; } body{ font-family:'Noto Sans KR', sans-serif; }
- sass 설정하는 법 "scripts":{ "node-sass" : "node-sass", "sass" : "node-sass -wr --source-map true styles. dest/style.css" (--watch, --recursive) }
main.scss 파일 생성 후, import 한다. @import './base/fonts'; @import './base/normalize'; @import './base/reset';
.reset.scss scss-lint : disable all * { margin:0; font-family:'Noto Sans KR', sans-serif; box-sizing: border-box; } html { font-family:'Noto Sans KR', sans-serif; } body { font-family:'Noto Sans KR', sans-serif; } h1 { margin : 0; } a { color: inherit text-decoration : none; } button, input, select, textarea { background-color : transparent; border : 0; (border : none과 같음) &:focus { outline :none; box-shadow: none; } button:focus, input:focus, select:focus, textarea:focus { outline :none; box-shadow: none; } 를 쓰지 말고 위의 SCSS 문법을 쓰자