Contents

body
  background-color: $okf-grey-1
main
  padding-left: $header-space-left

.main__img
  padding-left: $column-gap
  padding-right: 0
  background-color: $okf-grey-1
.main__img__img
  width: 100%
//  margin-top: 14.5rem

.main + .main .main__chapter
  margin-top: 5rem

.main__img__vis
  @media (max-width: $tablet)
    width: 100%
  @media (min-width: $tablet)
    &:not(:first-of-type)
      margin-top: -2rem
    &:nth-of-type(odd)
      float: right

.main__copy__inner
  max-width: 40rem
  margin: auto

.main__copy
  min-height: 100vh
  padding: 3rem 4em 0em 3em
  background-color: white

  div > p:first-child
    margin-bottom: 1.8em

  .main__chapter
    margin-bottom: 1.5em
    font-weight: 500
    color: $okf-grey-3

  .title
    font-size: $size-2
    margin-bottom: 2rem

  h1, h2, h3, h4
    font-weight: 500
    margin-bottom: 0.8em
    & + p
      margin-bottom: 1.8em

  h2
    font-size: $size-4

  h3
    font-size: $size-5

  p, ul, ol
    color: $okf-font-2
    & + p
      margin-bottom: 1em

  strong
    font-weight: 500
    color: currentColor

  ul
    list-style: bullet
    list-style: disc inside
    margin: 1em 0
    padding-left: 2em

  hr
    margin: 3rem 0 3.5rem

.main__next
  text-align: center

.main__next__chapter
  margin: 1rem 0 0 0 !important
  color: $okf-grey-3 !important
  font-weight: 500

.main__next__link
  display: block
  color: $okf-font-1
  &:hover,
  &:active
    color: $okf-blue
    .icon-next-chapter
      transform: translateX(0.2em)

.main__next__license
  margin-bottom: 2.5rem

.icon-next-chapter
  transition: transform 200ms ease

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
okf-pub-theme-0.2.0	_sass/_main.sass