// Name:            SVG
// Description:     Component to style SVGs
//
// Component:       `ui-svg`
//
// ========================================================================


/* ========================================================================
   Component: SVG
 ========================================================================== */

/*
 * 1. Fill all SVG elements with the current text color if no `fill` attribute is set
 * 2. Set the fill and stroke color of all SVG elements to the current text color
 */

/* 1 */
.ui-svg,
/* 2 */
.ui-svg:not(.ui-preserve) [fill*='#']:not(.ui-preserve) { fill: currentcolor; }
.ui-svg:not(.ui-preserve) [stroke*='#']:not(.ui-preserve) { stroke: currentcolor; }

/*
 * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
 */

.ui-svg { transform: translate(0,0); }


// Hooks
// ========================================================================

.hook-svg-misc;

.hook-svg-misc() {}