/*******************************
             Icon
*******************************/

/*--------------
   Font Files
---------------*/

@iconFontName: 'icons';
@src:
  url("@{fontPath}/@{iconFontName}.eot?#iefix") format('embedded-opentype'),
  url("@{fontPath}/@{iconFontName}.woff2") format('woff2'),
  url("@{fontPath}/@{iconFontName}.woff") format('woff'),
  url("@{fontPath}/@{iconFontName}.ttf") format('truetype'),
  url("@{fontPath}/@{iconFontName}.svg#icons") format('svg')
;
@iconFallbackSRC: url("@{fontPath}/@{iconFontName}.eot");

/*--------------
 Optional Files
---------------*/

/* Outline Icons */
@iconImportOutlineIcons: true;
@iconOutlineFontName: 'outline-icons';
@outlineSrc:
  url("@{fontPath}/@{iconOutlineFontName}.eot?#iefix") format('embedded-opentype'),
  url("@{fontPath}/@{iconOutlineFontName}.woff2") format('woff2'),
  url("@{fontPath}/@{iconOutlineFontName}.woff") format('woff'),
  url("@{fontPath}/@{iconOutlineFontName}.ttf") format('truetype'),
  url("@{fontPath}/@{iconOutlineFontName}.svg#icons") format('svg')
;
@iconOutlineFallbackSRC: url("@{fontPath}/@{iconOutlineFontName}.eot");

/* Brand Icons */
@iconImportBrandIcons: true;
@iconBrandFontName: 'brand-icons';
@brandSrc:
  url("@{fontPath}/@{iconBrandFontName}.eot?#iefix") format('embedded-opentype'),
  url("@{fontPath}/@{iconBrandFontName}.woff2") format('woff2'),
  url("@{fontPath}/@{iconBrandFontName}.woff") format('woff'),
  url("@{fontPath}/@{iconBrandFontName}.ttf") format('truetype'),
  url("@{fontPath}/@{iconBrandFontName}.svg#icons") format('svg')
;
@iconBrandFallbackSRC: url("@{fontPath}/@{iconBrandFontName}.eot");

/*--------------
   Definition
---------------*/

/* Icon Variables */
@iconOpacity: 1;
@iconHeight: 1em;
@iconDistanceFromText: 0.25rem;


/* Variations */
@iconLinkOpacity: 0.8;
@iconLinkDuration: 0.3s;
@iconLoadingDuration: 2s;

@iconCircularSize: 2em;
@iconCircularPadding: 0.5em 0em;
@iconCircularShadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;

@iconBorderedSize: 2em;
@iconBorderedVerticalPadding: ((@iconBorderedSize - @iconHeight) / 2);
@iconBorderedHorizontalPadding: 0em;
@iconBorderedShadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;

@iconCornerIconSize: 0.45em;
@iconCornerIconStroke: 1px;
@cornerIconShadow:
  -@iconCornerIconStroke -@iconCornerIconStroke 0 @white,
   @iconCornerIconStroke -@iconCornerIconStroke 0 @white,
  -@iconCornerIconStroke  @iconCornerIconStroke 0 @white,
   @iconCornerIconStroke  @iconCornerIconStroke 0 @white
;
@cornerIconInvertedShadow:
  -@iconCornerIconStroke -@iconCornerIconStroke 0 @black,
   @iconCornerIconStroke -@iconCornerIconStroke 0 @black,
  -@iconCornerIconStroke  @iconCornerIconStroke 0 @black,
   @iconCornerIconStroke  @iconCornerIconStroke 0 @black
;

@iconMini: 0.4em;
@iconTiny: 0.5em;
@iconSmall: 0.75em;
@iconMedium: 1em;
@iconLarge: 1.5em;
@iconBig: 2em;
@iconHuge: 4em;
@iconMassive: 8em;