Select

[roomfive]

Related issue: Options & option groups #16

---

Preview:

---

CSS (limited):

Search CSS largely the same as a text input (see #14).
Additions and differences below:

Regular:

/* css arrow */
background-image: 
  linear-gradient(45deg, transparent 50%, $weworkblack 50%),
  linear-gradient(135deg, $weworkblack 50%, transparent 50%);
background-position: 
  calc(100% - 15px) 16px, 
  calc(100% - 10px) 16px;
background-size: 
  5px 5px, 
  5px 6px;
background-repeat: no-repeat;

Large:

/* css arrow */
background-position: 
  calc(100% - 20px) 21px, 
  calc(100% - 15px) 21px;