/* ===========================================
   Icons - sizes for ApplicationHelper#icon(name, size:)
   =========================================== */

/* The helper also writes each size as width and height attributes, which
   any stylesheet rule overrides. These classes make a size the caller asked
   for win over a container's single-class svg rule. */
svg.icon--sm { width: 16px; height: 16px; }
svg.icon--md { width: 20px; height: 20px; }
svg.icon--lg { width: 24px; height: 24px; }
svg.icon--xl { width: 40px; height: 40px; }
