Component.scss 993 B

123456789101112131415161718192021222324
  1. $ios-blue: dynamic(#007aff);
  2. $ios-red: dynamic(#fc3e39);
  3. $ios-green: dynamic(#53d769);
  4. $font-size: dynamic(14px);
  5. $font-size-big: dynamic(16px);
  6. $font-family: dynamic('-apple-system', 'Helvetica Neue', helvetica, arial, sans-serif);
  7. $font-weight-normal: dynamic(400);
  8. $font-weight-bold: dynamic(600);
  9. $font-icon-font-family: 'iOS';
  10. $base-color: dynamic($ios-blue);
  11. $base-highlight-color: dynamic(mix(#fff, $base-color, 30%));
  12. $base-light-color: dynamic(mix(#fff, $base-color, 75%));
  13. $base-dark-color: dynamic(mix(#000, $base-color, 30%));
  14. $neutral-color: dynamic(#dcdcdc);
  15. $neutral-light-color: dynamic(mix(#fff, $neutral-color, 70%)); // #f5f5f5
  16. $neutral-highlight-color: dynamic(mix(#fff, $neutral-color, 50%)); // #eeeeee
  17. $neutral-medium-dark-color: dynamic(mix(#000, $neutral-color, 8%)); // #cacaca
  18. $neutral-dark-color: dynamic(mix(#000, $neutral-color, 15%)); // #bbbbbb
  19. $color: dynamic(#000);
  20. $highlight-color: dynamic(mix(#fff, $color, 57%)); // #919191
  21. $light-color: dynamic(#fff);