blog.scss 483 B

12345678910111213141516171819202122232425262728293031323334353637
  1. $mainColor: green;
  2. @mixin a_mixin {
  3. color: $mainColor;
  4. div {
  5. float: left;
  6. }
  7. }
  8. @mixin child {
  9. @include a_mixin;
  10. background-color: $mainColor;
  11. a {
  12. text-decoration: none;
  13. }
  14. }
  15. #main {
  16. margin: 0 5.625em;
  17. h5, h6 {
  18. font-size: 1em;
  19. line-height: 1.25em;
  20. }
  21. .post {
  22. text-align: left;
  23. ul {
  24. list-style-position: inside;
  25. list-style-type: circle;
  26. margin: 0.625em;
  27. }
  28. }
  29. .post-dash {
  30. @include child;
  31. color: red;
  32. }
  33. }