Component.scss 901 B

1234567891011121314151617181920
  1. $base-color: dynamic(#5fa2dd);
  2. $base-highlight-color: dynamic(mix(#fff, $base-color, 20%));
  3. $base-light-color: dynamic(mix(#fff, $base-color, 60%));
  4. $base-dark-color: dynamic(mix(#000, $base-color, 20%));
  5. $neutral-color: dynamic(#d0d0d0);
  6. $neutral-light-color: dynamic(mix(#fff, $neutral-color, 80%));
  7. $neutral-highlight-color: dynamic(mix(#fff, $neutral-color, 60%));
  8. $neutral-medium-dark-color: dynamic(mix(#000, $neutral-color, 15.2%));
  9. $neutral-dark-color: dynamic(mix(#000, $neutral-color, 30.4%));
  10. $font-weight: dynamic(300);
  11. $font-weight-bold: dynamic(400);
  12. $font-family: dynamic('Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif);
  13. // text color
  14. $color: dynamic(#404040);
  15. // lighter text color for use on light backgrounds
  16. $highlight-color: dynamic(#606060);
  17. // light text color for use on dark backgrounds
  18. $light-color: dynamic(#f0f0f0);
  19. $enable-font-icons: dynamic(true);