[GitHub Pages] 사이드바 크기 조절하기

GitHub Pages 커스텀 관련 정보를 정리한 첫번째 글입니다. minimal mistakes 테마에서 사이드바의 크기를 조절하는 방법을 작성하려고 합니다.
이번 포스팅은 Hyeona님의 포스팅을 참조하여 작성하였습니다.

1. 사이드바 크기 조절

사이드바의 크기는 github.io 폴더 > _sass 폴더 > _minimal-mistakes 폴더 > _variables.scss 에서 수정할 수 있습니다.

/*
   Grid
   ========================================================================== */

$right-sidebar-width-narrow: 100px 
$right-sidebar-width: 200px 
$right-sidebar-width-wide: 250px 

위 파일을 가장 밑으로 내리면 사이드바와 관련된 항목이 나옵니다. 사이드바의 크기를 줄여서 본문의 너비를 늘릴 수 있습니다.

2. 폰트 크기 조절

블로그의 폰트는 github.io 폴더 > _sass 폴더 > _minimal-mistakes 폴더 > _reset.scss에서 수정할 수 있습니다.

html {
  /* apply a natural box layout model to all elements */
  box-sizing: border-box;
  background-color: $background-color;
  font-size: 16px;

  @include breakpoint($medium) {
    font-size: 16px;
  }

  @include breakpoint($large) {
    font-size: 16px;
  }

  @include breakpoint($x-large) {
    font-size: 18px;
  }

위 파일의 가장 상단에서 사이즈별 폰트의 크기를 조절할 수 있습니다.