_mixins.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. //
  2. // Copyright 2019 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 "./functions";
  24. // Tracks whether the current context is inside a `mdc-feature-targets` mixin.
  25. $targets-context_: false;
  26. // Mixin that annotates the contained styles as applying to specific cross-cutting features
  27. // indicated by the given list of feature targets.
  28. @mixin targets($feature-targets...) {
  29. // Prevent accidental nesting of this mixin, which could lead to unexpected results.
  30. @if $targets-context_ {
  31. @error "mdc-feature-targets must not be used inside of another mdc-feature-targets block";
  32. }
  33. $targets-context_: true !global;
  34. $parsed-targets: functions.parse-targets($feature-targets);
  35. @if functions.is-query-satisfied_(map.get($parsed-targets, query), map.get($parsed-targets, available)) {
  36. @content;
  37. }
  38. $targets-context_: false !global;
  39. }