azYELG

azYELG.markdown

azYELG

A Pen by Dan on CodePen.

License.

index.html

<div class="quicksearch">
  <form>
    <input type='text' />
    <button>Search</button>
    <span>Searching</span>
  </form>
  
  <a href='#'>Advanced</a>
  
  <div class="quicksearch-modal">
    <ul>
      <li>
        My Search Item
      </li>
    </ul> 

    <button>Close</button>
  </div>
  
</div>

style.stylus

.quicksearch
  position relative

  .quicksearch-modal
    width 400px
    border solid 1px black
    position absolute

  border solid 1px pink