utility.css

Same filename and directory in other branches
  1. 9 core/themes/olivero/css/base/utility.css
  2. 10 core/misc/dialog/off-canvas/css/utility.css

Re-create utility styles for off-canvas dialog that are removed in the reset.

@internal

File

core/misc/dialog/off-canvas/css/utility.css

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Re-create utility styles for off-canvas dialog that are removed in the reset.
  10. *
  11. * @internal
  12. */
  13. #drupal-off-canvas-wrapper {
  14. & .hidden {
  15. display: none;
  16. }
  17. & .visually-hidden {
  18. position: absolute !important;
  19. overflow: hidden;
  20. clip: rect(1px, 1px, 1px, 1px);
  21. width: 1px !important;
  22. height: 1px !important;
  23. word-wrap: normal;
  24. &.focusable:is(:active, :focus) {
  25. position: static !important;
  26. overflow: visible;
  27. clip: auto;
  28. width: auto !important;
  29. height: auto !important;
  30. }
  31. }
  32. & .invisible {
  33. visibility: hidden;
  34. }
  35. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.