[Summary view] [Print] [Text view]

   1  /* Text meant only for screen readers. */
   2  .screen-reader-text {
   3      border: 0;
   4      clip-path: inset(50%);
   5      height: 1px;
   6      margin: -1px;
   7      overflow: hidden;
   8      padding: 0;
   9      position: absolute !important;
  10      width: 1px;
  11      /* Many screen reader and browser combinations announce broken words as they would appear visually. */
  12      word-wrap: normal !important;
  13      word-break: normal !important;
  14  
  15      &:focus {
  16          background-color: $color__background-screen;
  17          border-radius: 3px;
  18          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  19          clip-path: none;
  20          color: $color__text-screen;
  21          display: block;
  22          font-size: 0.875rem;
  23          font-weight: bold;
  24          height: auto;
  25          left: 5px;
  26          line-height: normal;
  27          padding: 15px 23px 14px;
  28          text-decoration: none;
  29          top: 5px;
  30          width: auto;
  31          z-index: 100000; /* Above WP toolbar. */
  32      }
  33  }
  34  
  35  /* Do not show the outline on the skip link target. */
  36  #content[tabindex="-1"]:focus {
  37      outline: 0;
  38  }