vuetifyjs 의 기본설정값을 변경하는 방법
/assets/variables.scss 파일을 편집하면 된다.
아래는 예제이다.
[code]
@import ‘~vuetify/src/styles/styles.sass’;
// 폰트 변경
@import ‘https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=block’;
$body-font-family: ‘Noto Sans’;
$heading-font-family: $body-font-family;
// 최대폭을 변경하기
$container-max-widths: map-merge(
$container-max-widths,
(
‘xl’: 1280px,
)
);[/code]
변수와 디폴트값은 아래 링크를 참조하자
http://xxy.world/en/customization/sass-variables/#sass-variables
