OOKNET                             [ /  search the index  ]  
──────────────────────────────────────────────────────────────────────────────────────
[ KB ]    [ GIT ]    [ PROJECTS ]    [ ABOUT ]                                      EN
══════════════════════════════════════════════════════════════════════════════════════
OOKNET   [ /  search  ]  
────────────────────────────────────────────────
[ KB ] [ GIT ] [ PROJECTS ] [ ABOUT ]
════════════════════════════════════════════════
 
 
master @ 66 LINES
 
[ HISTORY ]  [ UP ]
 

.menu {
  position: relative;
  display: inline-block;

  // Not on .menu itself: template newlines between the popover's rows
  // would render as blank lines inside the box.
  .menu-trigger {
    font: inherit;
    color: var(--ink);
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    white-space: pre;

    &:hover {
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    &:focus-visible {
      outline: 1px dashed var(--ink);
      outline-offset: 1px;
    }

    &[aria-expanded="true"] {
      font-weight: 700;
      background: var(--ink);
      color: var(--paper);
    }
  }

  .menu-pop {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    background: var(--paper);
    box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.3);

    pre.ascii {
      width: auto;
    }
  }

  .menu-item {
    font: inherit;
    color: var(--ink);
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    white-space: pre;
    text-decoration: none;

    &:hover,
    &:focus-visible {
      outline: 0;
      background: var(--ink);
      color: var(--paper);
    }
  }
}


.menu {
  position: relative;
  display: inline-block;

  // Not on .menu itself: template newlines 
between the popover's rows
  // would render as blank lines inside the 
box.
  .menu-trigger {
    font: inherit;
    color: var(--ink);
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    white-space: pre;

    &:hover {
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    &:focus-visible {
      outline: 1px dashed var(--ink);
      outline-offset: 1px;
    }

    &[aria-expanded="true"] {
      font-weight: 700;
      background: var(--ink);
      color: var(--paper);
    }
  }

  .menu-pop {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    background: var(--paper);
    box-shadow: 0 8px 24px -12px rgba(0, 0, 
0, 0.3);

    pre.ascii {
      width: auto;
    }
  }

  .menu-item {
    font: inherit;
    color: var(--ink);
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    white-space: pre;
    text-decoration: none;

    &:hover,
    &:focus-visible {
      outline: 0;
      background: var(--ink);
      color: var(--paper);
    }
  }
}

 
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET