WAI Website Assets

Quote 

<div class="quote">
    <blockquote class="quote--block">
        <p class="quote--block-text">The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.</p>
        <cite class="quote--block-cite">- <a href="https://www.w3.org/People/Berners-Lee/">Tim Berners-Lee</a>, W3C Director and inventor of the World Wide Web</cite>
    </blockquote>
</div>
 
<div class="quote">
  <blockquote class="quote--block">
    <p class="quote--block-text">The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.</p>
    <cite class="quote--block-cite">- <a href="https://www.w3.org/People/Berners-Lee/">Tim Berners-Lee</a>, W3C Director and inventor of the World Wide Web</cite>
  </blockquote>
</div>
 
/* No context defined for this component. */
  • Content: 
    .quote {
  background-color: var(--wai-green);
  border-radius: 5px;
  color: var(--pure-white);
  padding: 22px;
}

.quote--block {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.quote--block-text {
  font-size: 20px;
  font-style: italic;
  line-height: 1.25;
  margin: 0;
  padding: 0;
}

.quote--block-text::before {
  content: open-quote;
}

.quote--block-text::after {
  content: close-quote;
}

.quote--block-cite {
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  margin-block-start: 9px;
}

.quote--block-cite a {
  color: var(--body-bg);
}
  • URL: /components/raw/quote/quote.css
  • Filesystem Path: components/quote/quote.css
  • Size: 581 Bytes

There are no notes for this item.