_sass/_layout.scss in jekyll-theme-gitbook-0.0.1 vs _sass/_layout.scss in jekyll-theme-gitbook-0.0.2

- old
+ new

@@ -2,79 +2,83 @@ * { box-sizing: border-box; } -html, body -{ - scroll-behavior: smooth; - min-height: 100%; -} - -header -{ - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; +@media not print { - padding: $header-padding 0; - height: $header-height; - position: fixed; - z-index: 999; - width: 100%; - top: 0; -} - -.wrapper -{ - display: flex; - flex-direction: row; -} - -nav, .contents { - flex: 0 0 auto; -} - -nav .inner -{ - padding-top: $header-height / 2; - padding-left: $sidebar-padding / 2; - height: calc(100vh - #{$header-height}); + html, body + { + scroll-behavior: smooth; + min-height: 100%; + } - overflow: hidden auto; - position: sticky; - top: $header-height; -} - -main -{ - flex: 1; - display: flex; - flex-direction: row; - margin-top: $header-height; - padding: $header-height/2 0; -} - -.contents { - order: 2; -} - -.contents .inner -{ - position: sticky; - top: $header-height * 1.5; -} - -.contents ul li a { - display: block; -} - -.contents-inline { - display: none; -} - -article -{ - order: 1; - flex: 1; + header + { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + + padding: $header-padding 0; + height: $header-height; + position: fixed; + z-index: 999; + width: 100%; + top: 0; + } + + .wrapper + { + display: flex; + flex-direction: row; + } + + nav, .contents { + flex: 0 0 auto; + } + + nav .inner + { + padding-top: $header-height / 2; + padding-left: $sidebar-padding / 2; + height: calc(100vh - #{$header-height}); + + overflow: hidden auto; + position: sticky; + top: $header-height; + } + + main + { + flex: 1; + display: flex; + flex-direction: row; + margin-top: $header-height; + padding: $header-height/2 0; + } + + .contents { + order: 2; + } + + .contents .inner + { + position: sticky; + top: $header-height * 1.5; + } + + .contents ul li a { + display: block; + } + + .contents-inline { + display: none; + } + + article + { + order: 1; + flex: 1; + } + }