sparkline.scss 584 B

123456789101112131415161718192021222324252627282930
  1. // 미니 스파크라인 — 부모 슬롯 크기를 100% 채움 (카드/그리드 셀에서 크기 지정).
  2. // 방향색은 color 로 지정하고 recharts path 는 currentColor(stroke/fill)로 상속 → 테마 전환에도 자동 반영.
  3. .spark {
  4. width: 100%;
  5. height: 100%;
  6. &--up {
  7. color: var(--price-up);
  8. }
  9. &--down {
  10. color: var(--price-down);
  11. }
  12. &--flat {
  13. color: var(--price-flat);
  14. }
  15. &--empty {
  16. display: flex;
  17. align-items: center;
  18. justify-content: center;
  19. &::after {
  20. content: '–';
  21. color: var(--text-muted);
  22. font-size: var(--fs-xs);
  23. }
  24. }
  25. }