_mixins.scss 418 B

12345678910111213141516171819202122232425
  1. @mixin global-bg() {
  2. background-color: $primary-color;
  3. }
  4. @mixin global-animation() {
  5. animation-fill-mode: both;
  6. }
  7. @mixin balls() {
  8. @include global-bg();
  9. width: $ball-size;
  10. height: $ball-size;
  11. border-radius: 100%;
  12. margin: $margin;
  13. }
  14. @mixin lines() {
  15. @include global-bg();
  16. width: $line-width;
  17. height: $line-height-base + 2rem;
  18. border-radius: 2px;
  19. margin: $margin;
  20. }