WAI Website Assets

Document Notes: Archived 

<div class="doc-note doc-archived">
    <h1>This would be a title of a archived document.</h1>
    <section class="doc-note-box doc-note-archived">
        <p>This is archived.</p>
        <ul>
            <li>Can</li>
            <li>have</li>
            <li>arbitrary HTML</li>
            <li>still looks OK.</li>
        </ul>
    </section>
</div>
 
<div class="doc-note doc-{{type}}">
  <h1>This would be a title of a archived document.</h1>
  <section class="doc-note-box doc-note-{{type}}">
    {{content}}
  </section>
</div>
 
{
  "type": "archived",
  "content": "<p>This is archived.</p><ul><li>Can</li><li>have</li><li>arbitrary HTML</li><li>still looks OK.</li></ul>"
}
  • Content: 
    .doc-note-translation {
  font-size: .8125rem;
  & p {
    margin-block-start: 5px;
    margin-block-end: 5px;
    &:first-of-type {
      margin-block-start: 0;
    }
    &:last-child {
      margin-block-end: 0;
    }
  }
}
  • URL: /components/raw/document-notes/document-notes-translation.css
  • Filesystem Path: components/document-notes/document-notes-translation.css
  • Size: 225 Bytes
  • Content: 
    .doc-note {
  & h1 {
    &::before{
      background-color: var(--gold);
      color: var(--dk-blue);
      display: inline-block;
      padding: 4px 8px;
      margin-block-start: -8px;
      margin-inline-end: 8px;
      font-size: .875rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: bold;
      vertical-align: middle;
      border-radius: 3px;
    }
  }
}

.doc-note-box {
  border: 2px solid var(--gold);
  padding: 8px;
  background-color: var(--pure-white);
  margin-block-end: 20px;
  & p:first-child {
    margin-block-start: 0;
  }
  & p:last-child {
    margin-block-end: 0;
  }
}

.doc-note-translations {

}
  • URL: /components/raw/document-notes/document-notes.css
  • Filesystem Path: components/document-notes/document-notes.css
  • Size: 656 Bytes

There are no notes for this item.