atomatic/app/style/index.styl

An easy to use build and development tool for Atomic Design Systems, that works with rollup.js, Browserify, webpack and many more...

[v-cloak]
  display none!important

.h1
.h2
.h3
.h4
  margin-bottom 8px
  width 100%
  &:last-child
    margin-bottom 0

.h1
  font-weight 300
  font-size 32px

.h2
  padding $paddingXLarge 0 0
  font-size 20px
  font-weight 500

  &:first-child
    padding-top 0
  &:after
    content ''
    display block
    height $paddingNormal
    border-top $borderDefault
    margin-top $paddingLarge


.h3
  font-weight 700
  font-size 17.6px

.h4
  font-weight 700
  font-size 16px

.h5
  font-size 12px

.small
  font-size 12.8px

.center
  text-align center

.devider
  height 1px
  background $borderColorDefault

.bordered-area
  border $borderDefault
  padding $paddingNormal
  position relative