[Github Blog] 블로그 본문영역 크기 조절하기 Wide Page

본문영역 크기 조절

minimal mistakes 자체에서 wide page를 지원하지만 이 경우 toc가 상단에 고정된다.

• 참고 링크 Minimal mistakes Wide-page

따라서 직접 코드를 수정하여 본문 영역 크기를 조절했다.

📃 _variables.scss 파일 수정

_sass/minimal-mistakes/_variables.scss 의 최하단에 있다. (내 경우 160번째 라인)
양쪽 sidebar의 크기를 조절하는 방식이라 본문 영역이 넓어질수록 사이드바의 넓이가 줄어든다는 단점이 있다.

• default는 200, 300, 400px

소스코드

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

$right-sidebar-width-narrow: 150px !default; // Default 200px
$right-sidebar-width: 200px !default;        // Default 300px
$right-sidebar-width-wide: 250px !default;   // Default 400px