all.scss 709 B

1234567891011121314151617181920212223242526
  1. @function contrast-color-by($base_color_var, $percent) {
  2. @return if(lightness($base_color_var) > 50, darken($base_color_var, $percent), lighten($base_color_var, $percent));
  3. }
  4. @function reverse-gradient-for($gradient) {
  5. @if $gradient == 'matte' {
  6. @return 'matte-reverse';
  7. }
  8. @else if $gradient == 'matte-reverse' {
  9. @return 'matte';
  10. }
  11. @else if $gradient == 'bevel' {
  12. @return 'recessed';
  13. }
  14. @else if $gradient == 'recessed' {
  15. @return 'bevel';
  16. }
  17. @else if $gradient == 'glossy' {
  18. @return 'glossy-reverse';
  19. }
  20. @else if $gradient == 'glossy-reverse' {
  21. @return 'glossy';
  22. }
  23. @else {
  24. @return $gradient;
  25. }
  26. }