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