_tracking.scss 695 B

1234567891011121314151617181920212223242526272829
  1. .tracking {
  2. --#{$prefix}tracking-height: #{$tracking-height};
  3. --#{$prefix}tracking-gap-width: #{$tracking-gap-width};
  4. --#{$prefix}tracking-block-border-radius: #{$tracking-border-radius};
  5. display: flex;
  6. gap: var(--#{$prefix}tracking-gap-width);
  7. }
  8. .tracking-squares {
  9. --#{$prefix}tracking-block-border-radius: var(--#{$prefix}border-radius-sm);
  10. .tracking-block {
  11. height: auto;
  12. &:before {
  13. content: "";
  14. display: block;
  15. padding-top: 100%;
  16. }
  17. }
  18. }
  19. .tracking-block {
  20. flex: 1;
  21. border-radius: var(--#{$prefix}tracking-block-border-radius);
  22. height: var(--#{$prefix}tracking-height);
  23. min-width: .25rem;
  24. background: var(--#{$prefix}border-color);
  25. }