<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/99-utils/postit/postit.css
  • Size: 416 Bytes

No notes defined.