.custom-block
  .custom-block-title
    font-weight 600
    margin-bottom -0.4rem
  &.tip, &.warning, &.danger, &.note, &.windows, &.ubuntu, &.mac
    padding .1rem 1.5rem
    border-left-width .5rem
    border-left-style solid
    margin 1rem 0
  &.tip
    background-color #f3f5f7
    border-color #42b983
  &.note
    background-color #f3f5f7
  &.windows
    background-color rgba(218,240,251,.35)
    border-color rgba(27,161,226,.6)

  &.ubuntu
    background-color rgba(252,231,224,.35)
    border-color rgba(221,72,20,.8)
  &.mac
    background-color rgba(226,230,242,.2)
    border-color rgba(130,148,201,.8)
   &.mac strong, &.ubuntu strong, &.windows strong
    margin-bottom  1rem
    display block
  &.warning
    background-color rgba(255,229,100,.3)
    border-color darken(#ffe564, 35%)
    color darken(#ffe564, 70%)
    .custom-block-title
      color darken(#ffe564, 50%)
    a
      color $textColor
  &.danger
    background-color #ffe6e6
    border-color darken(red, 20%)
    color darken(red, 70%)
    .custom-block-title
      color darken(red, 40%)
    a
      color $textColor