rivendellweb pattern library

Postit 

<li class="postit">
      <a href="#">
          <h5>Title</h5>
          <p class="recursive-sans-casual-medium-italic">Text Content #2</p>
      </a>
  </li>
 
<li class="postit">
    <a href="#">
      <h5>Title</h5>
      <p class="recursive-sans-casual-medium-italic">Text Content #2</p>
    </a>
  </li>
 
/* No context defined. */
  • Content: 
    @import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

.postit {
  list-style: none;
  margin: 1rem;
  color: var(--color-charcoal);
  background-color:#ffc;
  height:300px;
  width:300px;

  & a {
    color: var(--color-charcoal);
    text-decoration:none;
    display: block;
  }

  & h5 {
    text-align: center;
  }

  & p {
    font-family: 'Pacifico', cursive;
    padding: 1rem;
  }
}
  • URL: /components/raw/postit/postit.css
  • Filesystem Path: src/components/01-atoms/50-postit/postit.css
  • Size: 416 Bytes

No notes defined.