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 문법을 쓰자