@require '../common/variables'
.page-title-header
font-size 3.2rem
line-height 1
font-weight bold
color var(--second-text-color)
margin 6px 0 36px 0
.page-container
position relative
box-sizing border-box
width 100%
height auto
background var(--background-color)
+redefine-tablet()
padding-right 0 !important
.main-content-container
padding-top $navbar-height
position relative
transition padding 0.2s ease
.navbar-shrink &
padding-top $navbar-shrink-height
transition padding 0.2s ease
+redefine-tablet()
padding-top: ($navbar-shrink-height * 0.9)
+redefine-mobile()
padding-top: $navbar-shrink-height * 0.8
+redefine-tablet()
padding-top: $navbar-height * 0.9
+redefine-mobile()
padding-top: $navbar-height * 0.8
.main-content-header
position fixed
top 0
right 0
width 100%
height $navbar-height
z-index $z-index-5
box-sizing border-box
transition-t('transform, padding-left, height', '0, 0, 0', '0.3, 0.2, 0.2', 'ease-out, linear, ease')
&.hide
transform translateY(-105%)
.navbar-shrink &
height $navbar-shrink-height
+redefine-tablet()
height: ($navbar-shrink-height * 0.9)
+redefine-mobile()
height: $navbar-shrink-height * 0.8
+redefine-tablet()
height: $navbar-height * 0.9
padding-left 0 !important
+redefine-mobile()
height: $navbar-height * 0.8
.main-content-body
box-sizing border-box
width 100%
display flex
justify-content center
padding $spacing-unit 0
+redefine-tablet()
padding ($spacing-unit * 0.8) 0
+redefine-mobile()
border none !important
padding-top 0
.main-content
position relative
box-sizing border-box
width $main-content-width
max-width $content-max-width
height 100%
transition-t('max-width, width', '0, 0', '0.2, 0.2', 'ease, ease')
+redefine-tablet()
width $main-content-width-tablet
+redefine-mobile()
width $main-content-width-mobile
&.has-toc
max-width $has-toc-content-max-width !important
.main-content-footer
width 100%
.post-tools
position fixed
top: $navbar-height + $spacing-unit
right $spacing-unit
transition-t('top', '0', '0.2', 'ease')
.navbar-shrink &
top: $navbar-shrink-height + $spacing-unit
+redefine-tablet()
top ($navbar-shrink-height * 0.9) + $spacing-unit
+redefine-mobile()
top: ($navbar-shrink-height * 0.8 + $spacing-unit)
+redefine-tablet()
top: ($navbar-height * 0.9 + $spacing-unit)
right 10px
transform scale(0.82)
transform-origin right top
+redefine-mobile()
display none
top: ($navbar-height * 0.8 + $spacing-unit)
right 5px
transform scale(0.72)
.right-side-tools-container
position fixed
bottom 5%
right $spacing-unit
opacity 1
transition opacity 0.2s ease
&.hide
opacity 0
pointer-events none
transition opacity 0.2s ease
+redefine-mobile()
right 12px