_variables.scss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. //
  2. // Copyright 2017 Google Inc.
  3. //
  4. // Permission is hereby granted, free of charge, to any person obtaining a copy
  5. // of this software and associated documentation files (the "Software"), to deal
  6. // in the Software without restriction, including without limitation the rights
  7. // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  8. // copies of the Software, and to permit persons to whom the Software is
  9. // furnished to do so, subject to the following conditions:
  10. //
  11. // The above copyright notice and this permission notice shall be included in
  12. // all copies or substantial portions of the Software.
  13. //
  14. // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  15. // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  16. // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  17. // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  18. // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  19. // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  20. // THE SOFTWARE.
  21. //
  22. @use "sass:map";
  23. @use "@material/ripple/variables" as ripple-variables;
  24. @use "@material/theme/variables" as theme-variables;
  25. @use "@material/density/variables" as density-variables;
  26. $mark-color: theme-variables.prop-value(on-primary) !default;
  27. $border-color: rgba(theme-variables.prop-value(on-surface), .54) !default;
  28. $disabled-color: rgba(theme-variables.prop-value(on-surface), .38) !default;
  29. $baseline-theme-color: secondary !default;
  30. $ripple-size: 40px !default;
  31. $icon-size: 18px !default;
  32. $mark-stroke-size: 2 / 15 * $icon-size !default;
  33. $border-width: 2px !default;
  34. $transition-duration: 90ms !default;
  35. $item-spacing: 4px !default;
  36. $focus-indicator-opacity: map.get(ripple-variables.$dark-ink-opacities, focus) !default;
  37. $minimum-size: 28px !default;
  38. $maximum-size: $ripple-size !default;
  39. $density-scale: density-variables.$default-scale !default;
  40. $density-config: (
  41. size: (
  42. minimum: $minimum-size,
  43. default: $ripple-size,
  44. maximum: $maximum-size,
  45. ),
  46. ) !default;
  47. // Manual calculation done on SVG
  48. $mark-path-length_: 29.7833385 !default;
  49. $indeterminate-checked-easing-function_: cubic-bezier(.14, 0, 0, 1) !default;