[Summary view] [Print] [Text view]

   1  /* Text meant only for screen readers. */
   2  .screen-reader-text {
   3      border: 0;
   4      clip: rect(1px, 1px, 1px, 1px);
   5      clip-path: inset(50%);
   6      height: 1px;
   7      margin: -1px;
   8      overflow: hidden;
   9      padding: 0;
  10      position: absolute !important;
  11      width: 1px;
  12      word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
  13  
  14      &:focus {
  15          background-color: $color__background-screen;
  16          border-radius: 3px;
  17          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  18          clip: auto !important;
  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  }