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

IT 기술백서

직접 알아내거나 검색하기 귀찮아서 모아 둔 것

JavaScript | [vue] vuetifyjs 기본설정 변경하기

본문

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

댓글 0개

등록된 댓글이 없습니다.

Menu