custom-blocks.styl 666 B

123456789101112131415161718192021222324252627282930
  1. .custom-block
  2. .custom-block-title
  3. font-weight 600
  4. margin-bottom -0.4rem
  5. &.tip, &.warning, &.danger
  6. padding .1rem 1.5rem
  7. border-left-width .5rem
  8. border-left-style solid
  9. margin 1rem 0
  10. &.tip
  11. background-color #f3f5f7
  12. border-color #42b983
  13. &.warning
  14. background-color rgba(255,229,100,.3)
  15. border-color darken(#ffe564, 35%)
  16. color darken(#ffe564, 70%)
  17. .custom-block-title
  18. color darken(#ffe564, 50%)
  19. a
  20. color $textColor
  21. &.danger
  22. background-color #ffe6e6
  23. border-color darken(red, 20%)
  24. color darken(red, 70%)
  25. .custom-block-title
  26. color darken(red, 40%)
  27. a
  28. color $textColor