1. @mixin alert1 {
    2. color: #000;
    3. background: {
    4. color: #fff;
    5. }
    6. a {
    7. font-size: 15px;
    8. text-decoration: none;
    9. }
    10. }
    11. div {
    12. @include alert1;
    13. }
    14. @mixin alert2($color, $size) {
    15. color: $color;
    16. font-size: $size;
    17. a {
    18. // color: darken($color: #000000, $amount: 0);
    19. color: darken($color, 10%);
    20. }
    21. }
    22. p {
    23. @include alert2($size: 18px, $color: #fff);
    24. // @include alert2(#fff, 18px);
    25. }
    div {
      color: #000;
      background-color: #fff;
    }
    
    div a {
      font-size: 15px;
      text-decoration: none;
    }
    
    p {
      color: #fff;
      font-size: 18px;
    }
    
    p a {
      color: #e6e6e6;
    }