utility.pcss.css

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

@internal

File

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

View source 
  1. /**

  2.  * @file

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

  4.  *

  5.  * @internal

  6.  */

  7. 

  8. #drupal-off-canvas-wrapper {

  9.   & .hidden {

  10.     display: none;

  11.   }

  12. 

  13.   & .visually-hidden {

  14.     position: absolute !important;

  15.     overflow: hidden;

  16.     clip: rect(1px, 1px, 1px, 1px);

  17.     width: 1px !important;

  18.     height: 1px !important;

  19.     word-wrap: normal;

  20. 

  21.     &.focusable:is(:active, :focus) {

  22.       position: static !important;

  23.       overflow: visible;

  24.       clip: auto;

  25.       width: auto !important;

  26.       height: auto !important;

  27.     }

  28.   }

  29. 

  30.   & .invisible {

  31.     visibility: hidden;

  32.   }

  33. }