2018-09-10 17:25:36 -05:00
|
|
|
/* Iconic Responsive Support Styles */
|
|
|
|
|
.iconic-property-fill, .iconic-property-text {stroke: none !important;}
|
|
|
|
|
.iconic-property-stroke {fill: none !important;}
|
|
|
|
|
svg.iconic.iconic-fluid {height:100% !important;width:100% !important;}
|
|
|
|
|
svg.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg), svg.iconic.iconic-size-sm{width:16px;height:16px;}
|
|
|
|
|
svg.iconic.iconic-md:not(.iconic-size-sm):not(.iconic-size-lg), svg.iconic.iconic-size-md{width:32px;height:32px;}
|
|
|
|
|
svg.iconic.iconic-lg:not(.iconic-size-sm):not(.iconic-size-md), svg.iconic.iconic-size-lg{width:128px;height:128px;}
|
|
|
|
|
svg.iconic-sm > g.iconic-md, svg.iconic-sm > g.iconic-lg, svg.iconic-md > g.iconic-sm, svg.iconic-md > g.iconic-lg, svg.iconic-lg > g.iconic-sm, svg.iconic-lg > g.iconic-md {display: none;}
|
|
|
|
|
svg.iconic.iconic-icon-sm > g.iconic-lg, svg.iconic.iconic-icon-md > g.iconic-lg {display:none;}
|
|
|
|
|
svg.iconic-sm:not(.iconic-icon-md):not(.iconic-icon-lg) > g.iconic-sm, svg.iconic-md.iconic-icon-sm > g.iconic-sm, svg.iconic-lg.iconic-icon-sm > g.iconic-sm {display:inline;}
|
|
|
|
|
svg.iconic-md:not(.iconic-icon-sm):not(.iconic-icon-lg) > g.iconic-md, svg.iconic-sm.iconic-icon-md > g.iconic-md, svg.iconic-lg.iconic-icon-md > g.iconic-md {display:inline;}
|
|
|
|
|
svg.iconic-lg:not(.iconic-icon-sm):not(.iconic-icon-md) > g.iconic-lg, svg.iconic-sm.iconic-icon-lg > g.iconic-lg, svg.iconic-md.iconic-icon-lg > g.iconic-lg {display:inline;}
|
|
|
|
|
|
|
|
|
|
|
2018-08-29 16:58:07 -05:00
|
|
|
@mixin iconic-color($color) {
|
|
|
|
|
fill: $color;
|
|
|
|
|
stroke: $color;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Hide all icons that are waiting to be injected */
|
|
|
|
|
img.iconic {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Make sure filled and text elements only get fills */
|
|
|
|
|
.iconic-property-fill, .iconic-property-text {
|
|
|
|
|
stroke: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Make sure stroked elements only get strokes */
|
|
|
|
|
.iconic-property-stroke {
|
|
|
|
|
fill: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Theme-specific rules */
|
|
|
|
|
.iconic * {
|
|
|
|
|
@include iconic-color(currentColor);
|
|
|
|
|
}
|
