[vue] vuetifyjs 기본설정 변경하기 > IT 기술백서

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

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

위로 스크롤