/* =================================================================== * Itaca Icons — self-hosted icon set * * Drop-in replacement for the Font Awesome classes (.fa, .fas, .far) * previously loaded from Font Awesome's CDN and paid Kit. * * How it works: * .fa / .fas / .far — base styling (size, color inheritance, mask plumbing) * .fa- — sets --itaca-icon to an inlined SVG (the icon shape) * * Icons inherit color via `currentColor` and size via `font-size` on the * parent (1em × 1em), so existing markup like * * keeps working without any change. * * To add a new icon, see /docs/itaca-icons.md. * =================================================================== */ /* Neutralize the FA 4 :before glyph rules that are still embedded in * grails-app/assets/stylesheets/admin/main.min.css (loaded by admin2.gsp). * Without this, every .fa-* element would render a Unicode codepoint * (e.g. \f1f8 for trash) on top of our masked SVG icon. */ .fa::before, .fas::before, .far::before, [class*=" fa-"]::before, [class^="fa-"]::before { content: none !important; } .fa, .fas, .far { display: inline-block; width: 1em; height: 1em; line-height: 1; vertical-align: -0.125em; background-color: currentColor; font: inherit; -webkit-mask-image: var(--itaca-icon); mask-image: var(--itaca-icon); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } /* ------------------------------------------------------------------- * Icon catalog — alphabetical * Each rule sets --itaca-icon to a single inline SVG. The SVG color is * arbitrary (mask uses alpha only); we use solid black for clarity. * ------------------------------------------------------------------- */ .fa-ambulance { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-angle-double-down { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-angle-down { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-archive { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-arrow-down { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-arrow-left { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-arrow-right { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-balance-scale { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-ban { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-bank { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-bar-chart { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-book { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-bookmark { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-calendar { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-calendar-alt { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-calendar-check-o { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-calendar-plus-o { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-camera { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-caret-left { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-caret-right { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-check { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-check-circle { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-chrome { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-circle { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-circle-o { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-clipboard { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-cloud-download { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-cogs { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-contao { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-credit-card { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-cube { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-dashboard { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-edit { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-envelope { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-envelope-o { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-euro { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-exchange { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-exclamation-circle { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-exclamation-triangle { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-eye { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-file-excel-o { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-file-text-o { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-file-word-o { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-gavel { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-gear { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-google { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-home { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-inbox { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-info-circle { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-line-chart { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-link { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-list { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-list-alt { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-magic { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-map-marker { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-minus-square { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-money { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-pencil { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-percent { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-phone { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-plus { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-plus-circle { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-print { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-refresh { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-save { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-search { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-shopping-cart { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-star { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-table { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-tags { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-times { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-times-circle { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-trash { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-trophy { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-undo { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-upload { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-user { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-user-plus { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-users { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-warning { --itaca-icon: url('data:image/svg+xml;utf8,'); } /* fa-bars / fa-crown / fa-download — also reachable via .fas .fa-* */ .fa-bars { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-crown { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-download { --itaca-icon: url('data:image/svg+xml;utf8,'); } /* fa-sign-in — used by .sign-in-fa-icon in grails.css (FA4 codepoint \f090) */ .fa-sign-in { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-sitemap { --itaca-icon: url('data:image/svg+xml;utf8,'); } /* Riftbound league ranking (/riftbound/leagues) — podium, stat and badge icons */ .fa-bolt { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-filter { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-gem { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-medal { --itaca-icon: url('data:image/svg+xml;utf8,'); } .fa-shield { --itaca-icon: url('data:image/svg+xml;utf8,'); }