/*
 * Font Awesome 3 corrections. Loaded by both bundles, immediately after the
 * vendored font-awesome.css it repairs.
 *
 * Deliberately token-free. It is the one owned stylesheet the public site
 * loads today, and the public site has no tokens yet -- a var() in here would
 * resolve to nothing and the declaration would be dropped. Sizing rules that
 * do want tokens stay in application.css, which is admin-only.
 *
 * Icons are never underlined. Links carry the browser's default underline, and
 * Font Awesome 3 pulls it back onto the glyph twice over: `a [class^="icon-"]`
 * gets `text-decoration: inherit` -- which, on an inline-block box, draws the
 * line under its own content -- and the `:before` pseudo inherits it again. So
 * an icon-only link (the phone, mail and file links in every admin row) came
 * out as a lone glyph with a line beneath it. `display: inline-block` makes the
 * icon an atomic box so an ancestor's underline stops at its edge; `none` on
 * the box and the pseudo undoes Font Awesome's two re-inherits.
 *
 * This moved out of application.css when site.css started loading the font:
 * the public footer's three glyphs are not inside links today, but the rule is
 * "icons are never underlined", and shipping the font without its repair is
 * how that stops being true the first time someone wraps one in an <a>.
 */
[class^="icon-"],
[class*=" icon-"],
[class^="icon-"]::before,
[class*=" icon-"]::before {
  text-decoration: none;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
}
