삽질안하고 간단하게 minimal-mistakes테마의 폰트 크기 줄이기
업데이트:
minimal-mistakes테마의 폰트 크기 줄이는 방법을 설명하는 글입니다
안녕하세요😀 오늘은 minimal-mistakes테마의 폰트 크기 줄이는 방법을 알아볼게요!
사실 엄청 간단한데 저는 구글링해도 안나와서 찾느라 좀 오래걸렸어요ㅠㅠㅠㅠ 너무너무 간단해서 글이 짧을 것 같아요.
먼저 깃허브 블로그 레포지토리의 /_sass/minimal-mistakes/\_reset.scss
파일을 열어보세요.
열어보시면 다음과 같은 화면이 뜰거에요. 다음 사진은 제 파일인데, 제 파일은 이미 사이즈를 변경한 뒤라 기본 폰트크기랑 달라요. 유의해주세요!
다음사진은 원래 크기에요
html {
box-sizing: border-box;
background-color: $background-color;
font-size: 14px;
@include breakpoint($medium) {
font-size: 14px;
}
@include breakpoint($large) {
font-size: 16px;
}
@include breakpoint($x-large) {
font-size: 18px;
}
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
위 코드의 @include breakpoint($medium)의 font-size가 본문사이즈이고, $large는 마크다운문법의 헤더사이즈인 것 같아요. $x-large는 제목사이즈구요.
이건 제가 추측한 거니까 참고만 해주세요!! 어쨌든 중요한건 _reset.scss파일을 수정하면 minimal-mistakes테마의 폰트를 수정할 수 있다는 겁니다!!!
만약 더 좋은 방법이나 틀린 정보가 있다면 댓글 남겨주세용
+ 추가: https://github.com/mmistakes/minimal-mistakes/issues/1219 를 참고해주세요!
댓글남기기