// =========================================================================================================================
// Spice - Icons
// ------------------------------------------------------

@charset "utf-8";
@import "variables";
@import "utils";

/// Adds icon classes generated with the icomoon app feather set.
/// @name lineIcons
/// @group icons
/// @param {String} path ["/css/icons/"] Destination path of the saved icons
/// @example scss - Include
///  @include lineIcons('/path/to/icons/');
///
/// @example css - Output
///  @font-face {
///    font-family: 'line-icon-set';
///    src: url("/path/to/icons/line-icon-set.eot?-bp9gof");
///    src: url("/path/to/icons/line-icon-set.eot?#iefix-bp9gof") format("embedded-opentype"), url("/path/to/icons/line-icon-set.ttf?-bp9gof") format("truetype"), url("/path/to/icons/line-icon-set.woff?-bp9gof") format("woff"), url("/path/to/icons/line-icon-set.svg?-bp9gof#icomoon") format("svg");
///    font-weight: normal;
///    font-style: normal;
///  }
///  [class^="icon-"], [class*=" icon-"] {
///    font-family: 'line-icon-set';
///    speak: none;
///    font-style: normal;
///    font-weight: normal;
///    font-variant: normal;
///    text-transform: none;
///    line-height: 1;
///    /* Better Font Rendering =========== */
///    -webkit-font-smoothing: antialiased;
///    -moz-osx-font-smoothing: grayscale;
///  }
///
///  .line-icon-eye:before {
///    content: "\e000";
///  }
///
///  .line-icon-paper-clip:before {
///    content: "\e001";
///  }
///
///  .line-icon-mail:before {
///    content: "\e002";
///  }
///
///  .line-icon-toggle:before {
///    content: "\e003";
///  }
///
///  .line-icon-layout:before {
///    content: "\e004";
///  }
///
///  .line-icon-link:before {
///    content: "\e005";
///  }
///
///  .line-icon-bell:before {
///    content: "\e006";
///  }
///
///  .line-icon-lock:before {
///    content: "\e007";
///  }
///
///  .line-icon-unlock:before {
///    content: "\e008";
///  }
///
///  .line-icon-ribbon:before {
///    content: "\e009";
///  }
///
///  .line-icon-image:before {
///    content: "\e010";
///  }
///
///  .line-icon-signal:before {
///    content: "\e011";
///  }
///
///  .line-icon-target:before {
///    content: "\e012";
///  }
///
///  .line-icon-clipboard:before {
///    content: "\e013";
///  }
///
///  .line-icon-clock:before {
///    content: "\e014";
///  }
///
///  .line-icon-watch:before {
///    content: "\e015";
///  }
///
///  .line-icon-air-play:before {
///    content: "\e016";
///  }
///
///  .line-icon-camera:before {
///    content: "\e017";
///  }
///
///  .line-icon-video:before {
///    content: "\e018";
///  }
///
///  .line-icon-disc:before {
///    content: "\e019";
///  }
///
///  .line-icon-printer:before {
///    content: "\e020";
///  }
///
///  .line-icon-monitor:before {
///    content: "\e021";
///  }
///
///  .line-icon-server:before {
///    content: "\e022";
///  }
///
///  .line-icon-cog:before {
///    content: "\e023";
///  }
///
///  .line-icon-heart:before {
///    content: "\e024";
///  }
///
///  .line-icon-paragraph:before {
///    content: "\e025";
///  }
///
///  .line-icon-align-justify:before {
///    content: "\e026";
///  }
///
///  .line-icon-align-left:before {
///    content: "\e027";
///  }
///
///  .line-icon-align-center:before {
///    content: "\e028";
///  }
///
///  .line-icon-align-right:before {
///    content: "\e029";
///  }
///
///  .line-icon-book:before {
///    content: "\e030";
///  }
///
///  .line-icon-layers:before {
///    content: "\e031";
///  }
///
///  .line-icon-stack:before {
///    content: "\e032";
///  }
///
///  .line-icon-stack-2:before {
///    content: "\e033";
///  }
///
///  .line-icon-paper:before {
///    content: "\e034";
///  }
///
///  .line-icon-paper-stack:before {
///    content: "\e035";
///  }
///
///  .line-icon-search:before {
///    content: "\e036";
///  }
///
///  .line-icon-zoom-in:before {
///    content: "\e037";
///  }
///
///  .line-icon-zoom-out:before {
///    content: "\e038";
///  }
///
///  .line-icon-reply:before {
///    content: "\e039";
///  }
///
///  .line-icon-circle-plus:before {
///    content: "\e040";
///  }
///
///  .line-icon-circle-minus:before {
///    content: "\e041";
///  }
///
///  .line-icon-circle-check:before {
///    content: "\e042";
///  }
///
///  .line-icon-circle-cross:before {
///    content: "\e043";
///  }
///
///  .line-icon-square-plus:before {
///    content: "\e044";
///  }
///
///  .line-icon-square-minus:before {
///    content: "\e045";
///  }
///
///  .line-icon-square-check:before {
///    content: "\e046";
///  }
///
///  .line-icon-square-cross:before {
///    content: "\e047";
///  }
///
///  .line-icon-microphone:before {
///    content: "\e048";
///  }
///
///  .line-icon-record:before {
///    content: "\e049";
///  }
///
///  .line-icon-skip-back:before {
///    content: "\e050";
///  }
///
///  .line-icon-rewind:before {
///    content: "\e051";
///  }
///
///  .line-icon-play:before {
///    content: "\e052";
///  }
///
///  .line-icon-pause:before {
///    content: "\e053";
///  }
///
///  .line-icon-stop:before {
///    content: "\e054";
///  }
///
///  .line-icon-fast-forward:before {
///    content: "\e055";
///  }
///
///  .line-icon-skip-forward:before {
///    content: "\e056";
///  }
///
///  .line-icon-shuffle:before {
///    content: "\e057";
///  }
///
///  .line-icon-repeat:before {
///    content: "\e058";
///  }
///
///  .line-icon-folder:before {
///    content: "\e059";
///  }
///
///  .line-icon-umbrella:before {
///    content: "\e060";
///  }
///
///  .line-icon-moon:before {
///    content: "\e061";
///  }
///
///  .line-icon-thermometer:before {
///    content: "\e062";
///  }
///
///  .line-icon-drop:before {
///    content: "\e063";
///  }
///
///  .line-icon-sun:before {
///    content: "\e064";
///  }
///
///  .line-icon-cloud:before {
///    content: "\e065";
///  }
///
///  .line-icon-cloud-upload:before {
///    content: "\e066";
///  }
///
///  .line-icon-cloud-download:before {
///    content: "\e067";
///  }
///
///  .line-icon-upload:before {
///    content: "\e068";
///  }
///
///  .line-icon-download:before {
///    content: "\e069";
///  }
///
///  .line-icon-location:before {
///    content: "\e070";
///  }
///
///  .line-icon-location-2:before {
///    content: "\e071";
///  }
///
///  .line-icon-map:before {
///    content: "\e072";
///  }
///
///  .line-icon-battery:before {
///    content: "\e073";
///  }
///
///  .line-icon-head:before {
///    content: "\e074";
///  }
///
///  .line-icon-briefcase:before {
///    content: "\e075";
///  }
///
///  .line-icon-speech-bubble:before {
///    content: "\e076";
///  }
///
///  .line-icon-anchor:before {
///    content: "\e077";
///  }
///
///  .line-icon-globe:before {
///    content: "\e078";
///  }
///
///  .line-icon-box:before {
///    content: "\e079";
///  }
///
///  .line-icon-reload:before {
///    content: "\e080";
///  }
///
///  .line-icon-share:before {
///    content: "\e081";
///  }
///
///  .line-icon-marquee:before {
///    content: "\e082";
///  }
///
///  .line-icon-marquee-plus:before {
///    content: "\e083";
///  }
///
///  .line-icon-marquee-minus:before {
///    content: "\e084";
///  }
///
///  .line-icon-tag:before {
///    content: "\e085";
///  }
///
///  .line-icon-power:before {
///    content: "\e086";
///  }
///
///  .line-icon-command:before {
///    content: "\e087";
///  }
///
///  .line-icon-alt:before {
///    content: "\e088";
///  }
///
///  .line-icon-esc:before {
///    content: "\e089";
///  }
///
///  .line-icon-bar-graph:before {
///    content: "\e090";
///  }
///
///  .line-icon-bar-graph-2:before {
///    content: "\e091";
///  }
///
///  .line-icon-pie-graph:before {
///    content: "\e092";
///  }
///
///  .line-icon-star:before {
///    content: "\e093";
///  }
///
///  .line-icon-arrow-left:before {
///    content: "\e094";
///  }
///
///  .line-icon-arrow-right:before {
///    content: "\e095";
///  }
///
///  .line-icon-arrow-up:before {
///    content: "\e096";
///  }
///
///  .line-icon-arrow-down:before {
///    content: "\e097";
///  }
///
///  .line-icon-volume:before {
///    content: "\e098";
///  }
///
///  .line-icon-mute:before {
///    content: "\e099";
///  }
///
///  .line-icon-content-right:before {
///    content: "\e100";
///  }
///
///  .line-icon-content-left:before {
///    content: "\e101";
///  }
///
///  .line-icon-grid:before {
///    content: "\e102";
///  }
///
///  .line-icon-grid-2:before {
///    content: "\e103";
///  }
///
///  .line-icon-columns:before {
///    content: "\e104";
///  }
///
///  .line-icon-loader:before {
///    content: "\e105";
///  }
///
///  .line-icon-bag:before {
///    content: "\e106";
///  }
///
///  .line-icon-ban:before {
///    content: "\e107";
///  }
///
///  .line-icon-flag:before {
///    content: "\e108";
///  }
///
///  .line-icon-trash:before {
///    content: "\e109";
///  }
///
///  .line-icon-expand:before {
///    content: "\e110";
///  }
///
///  .line-icon-contract:before {
///    content: "\e111";
///  }
///
///  .line-icon-maximize:before {
///    content: "\e112";
///  }
///
///  .line-icon-minimize:before {
///    content: "\e113";
///  }
///
///  .line-icon-plus:before {
///    content: "\e114";
///  }
///
///  .line-icon-minus:before {
///    content: "\e115";
///  }
///
///  .line-icon-check:before {
///    content: "\e116";
///  }
///
///  .line-icon-cross:before {
///    content: "\e117";
///  }
///
///  .line-icon-move:before {
///    content: "\e118";
///  }
///
///  .line-icon-delete:before {
///    content: "\e119";
///  }
///
///  .line-icon-menu:before {
///    content: "\e120";
///  }
///
///  .line-icon-archive:before {
///    content: "\e121";
///  }
///
///  .line-icon-inbox:before {
///    content: "\e122";
///  }
///
///  .line-icon-outbox:before {
///    content: "\e123";
///  }
///
///  .line-icon-file:before {
///    content: "\e124";
///  }
///
///  .line-icon-file-add:before {
///    content: "\e125";
///  }
///
///  .line-icon-file-subtract:before {
///    content: "\e126";
///  }
///
///  .line-icon-help:before {
///    content: "\e127";
///  }
///
///  .line-icon-open:before {
///    content: "\e128";
///  }
///
///  .line-icon-ellipsis:before {
///    content: "\e129";
///  }
///

@mixin lineIcons($path:"/css/icons/"){

	@font-face {
		font-family: 'line-icon-set';
		src:url('#{$path}line-icon-set.eot?-bp9gof');
		src:url('#{$path}line-icon-set.eot?#iefix-bp9gof') format('embedded-opentype'),
			url('#{$path}line-icon-set.ttf?-bp9gof') format('truetype'),
			url('#{$path}line-icon-set.woff?-bp9gof') format('woff'),
			url('#{$path}line-icon-set.svg?-bp9gof#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	[class^="line-icon-"], [class*=" line-icon-"] {
		font-family: 'line-icon-set';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}


	$icon-list : "eye" "paper-clip" "mail" "toggle" "layout" "link" "bell" "lock" "unlock" "ribbon" "image" "signal" "target" "clipboard" "clock" "watch" "air-play" "camera"
		"video" "disc" "printer" "monitor" "server" "cog" "heart" "paragraph" "align-justify" "align-left" "align-center" "align-right" "book" "layers" "stack" "stack-2"
		"paper" "paper-stack" "search" "zoom-in" "zoom-out" "reply" "circle-plus" "circle-minus" "circle-check" "circle-cross" "square-plus" "square-minus" "square-check"
		"square-cross" "microphone" "record" "skip-back" "rewind" "play" "pause" "stop" "fast-forward" "skip-forward" "shuffle" "repeat" "folder" "umbrella" "moon" "thermometer"
		"drop" "sun" "cloud" "cloud-upload" "cloud-download" "upload" "download" "location" "location-2" "map" "battery" "head" "briefcase" "speech-bubble" "anchor" "globe" "box"
		"reload" "share" "marquee" "marquee-plus" "marquee-minus" "tag" "power" "command" "alt" "esc" "bar-graph" "bar-graph-2" "pie-graph" "star" "arrow-left" "arrow-right" "arrow-up"
		"arrow-down" "volume" "mute" "content-right" "content-left" "grid" "grid-2" "columns" "loader" "bag" "ban" "flag" "trash" "expand" "contract" "maximize" "minimize" "plus"
		"minus" "check" "cross" "move" "delete" "menu" "archive" "inbox" "outbox" "file" "file-add" "file-subtract" "help" "open" "ellipsis"
	;


	@for $i from 1 through length($icon-list){

		$zeroIndex : $i - 1;

		@if $zeroIndex < 100{

			@if $zeroIndex < 10{
				$val  : '"\\e00#{$zeroIndex}"';

				.line-icon-#{nth($icon-list,$i)}:before{
					content: #{$val};
				}
			}

			@if $zeroIndex > 9{
				$val  : '"\\e0#{$zeroIndex}"';

				.line-icon-#{nth($icon-list,$i)}:before{
					content: #{$val};
				}
			}
		}

		@if $zeroIndex > 99{
			$val  : '"\\e#{$zeroIndex}"';

			.line-icon-#{nth($icon-list,$i)}:before{
				content: #{$val};
			}
		}
	}

}


/// Adds icon classes generated with the icomoon app Entypo set.
/// @name blockIcons
/// @group icons
/// @param {String} path ["/css/icons/"] Destination path of the saved icons
/// @example scss - Include
///  @include blockIcons('/path/to/icons/');
///
/// @example css - Output
///  @font-face {
///    font-family: 'block-icon-set';
///    src: url("/path/to/icons/block-icon-set.eot?3udrrn");
///    src: url("/path/to/icons/block-icon-set.eot?#iefix3udrrn") format("embedded-opentype"), url("/path/to/icons/block-icon-set.ttf?3udrrn") format("truetype"), url("/path/to/icons/block-icon-set.woff?3udrrn") format("woff"), url("/path/to/icons/block-icon-set.svg?3udrrn#icomoon") format("svg");
///    font-weight: normal;
///    font-style: normal;
///  }
///  [class^="block-icon-"], [class*=" block-icon-"] {
///    font-family: 'block-icon-set';
///    speak: none;
///    font-style: normal;
///    font-weight: normal;
///    font-variant: normal;
///    text-transform: none;
///    line-height: 1;
///    /* Better Font Rendering =========== */
///    -webkit-font-smoothing: antialiased;
///    -moz-osx-font-smoothing: grayscale;
///  }
///
///  .block-icon-controller-fast-backward:before {
///    content: "\e600";
///  }
///
///  .block-icon-arrow-with-circle-down:before {
///    content: "\e601";
///  }
///
///  .block-icon-arrow-with-circle-left:before {
///    content: "\e602";
///  }
///
///  .block-icon-arrow-with-circle-right:before {
///    content: "\e603";
///  }
///
///  .block-icon-arrow-with-circle-up:before {
///    content: "\e604";
///  }
///
///  .block-icon-cloud:before {
///    content: "\e605";
///  }
///
///  .block-icon-controller-fast-forward:before {
///    content: "\e606";
///  }
///
///  .block-icon-controller-jump-to-start:before {
///    content: "\e607";
///  }
///
///  .block-icon-controller-next:before {
///    content: "\e608";
///  }
///
///  .block-icon-controller-paus:before {
///    content: "\e609";
///  }
///
///  .block-icon-controller-play:before {
///    content: "\e60a";
///  }
///
///  .block-icon-controller-record:before {
///    content: "\e60b";
///  }
///
///  .block-icon-controller-stop:before {
///    content: "\e60c";
///  }
///
///  .block-icon-controller-volume:before {
///    content: "\e60d";
///  }
///
///  .block-icon-dots-three-horizontal:before {
///    content: "\e60e";
///  }
///
///  .block-icon-dots-three-vertical:before {
///    content: "\e60f";
///  }
///
///  .block-icon-download:before {
///    content: "\e610";
///  }
///
///  .block-icon-flow-branch:before {
///    content: "\e611";
///  }
///
///  .block-icon-flow-cascade:before {
///    content: "\e612";
///  }
///
///  .block-icon-flow-line:before {
///    content: "\e613";
///  }
///
///  .block-icon-flow-parallel:before {
///    content: "\e614";
///  }
///
///  .block-icon-flow-tree:before {
///    content: "\e615";
///  }
///
///  .block-icon-install:before {
///    content: "\e616";
///  }
///
///  .block-icon-layers:before {
///    content: "\e617";
///  }
///
///  .block-icon-open-book:before {
///    content: "\e618";
///  }
///
///  .block-icon-resize-100:before {
///    content: "\e619";
///  }
///
///  .block-icon-resize-full-screen:before {
///    content: "\e61a";
///  }
///
///  .block-icon-save:before {
///    content: "\e61b";
///  }
///
///  .block-icon-select-arrows:before {
///    content: "\e61c";
///  }
///
///  .block-icon-trash:before {
///    content: "\e61d";
///  }
///
///  .block-icon-triangle-down:before {
///    content: "\e61e";
///  }
///
///  .block-icon-triangle-left:before {
///    content: "\e61f";
///  }
///
///  .block-icon-triangle-right:before {
///    content: "\e620";
///  }
///
///  .block-icon-triangle-up:before {
///    content: "\e621";
///  }
///
///  .block-icon-uninstall:before {
///    content: "\e622";
///  }
///
///  .block-icon-upload-to-cloud:before {
///    content: "\e623";
///  }
///
///  .block-icon-upload:before {
///    content: "\e624";
///  }
///
///  .block-icon-add-user:before {
///    content: "\e625";
///  }
///
///  .block-icon-aircraft:before {
///    content: "\e626";
///  }
///
///  .block-icon-align-bottom:before {
///    content: "\e627";
///  }
///
///  .block-icon-align-horizontal-middle:before {
///    content: "\e628";
///  }
///
///  .block-icon-align-left:before {
///    content: "\e629";
///  }
///
///  .block-icon-align-right:before {
///    content: "\e62a";
///  }
///
///  .block-icon-align-top:before {
///    content: "\e62b";
///  }
///
///  .block-icon-align-vertical-middle:before {
///    content: "\e62c";
///  }
///
///  .block-icon-area-graph:before {
///    content: "\e62d";
///  }
///
///  .block-icon-back-in-time:before {
///    content: "\e62e";
///  }
///
///  .block-icon-back:before {
///    content: "\e62f";
///  }
///
///  .block-icon-bar-graph:before {
///    content: "\e630";
///  }
///
///  .block-icon-battery:before {
///    content: "\e631";
///  }
///
///  .block-icon-beamed-note:before {
///    content: "\e632";
///  }
///
///  .block-icon-block:before {
///    content: "\e633";
///  }
///
///  .block-icon-book:before {
///    content: "\e634";
///  }
///
///  .block-icon-browser:before {
///    content: "\e635";
///  }
///
///  .block-icon-brush:before {
///    content: "\e636";
///  }
///
///  .block-icon-bucket:before {
///    content: "\e637";
///  }
///
///  .block-icon-cake:before {
///    content: "\e638";
///  }
///
///  .block-icon-calculator:before {
///    content: "\e639";
///  }
///
///  .block-icon-calendar:before {
///    content: "\e63a";
///  }
///
///  .block-icon-camera:before {
///    content: "\e63b";
///  }
///
///  .block-icon-ccw:before {
///    content: "\e63c";
///  }
///
///  .block-icon-chat:before {
///    content: "\e63d";
///  }
///
///  .block-icon-check:before {
///    content: "\e63e";
///  }
///
///  .block-icon-circle:before {
///    content: "\e63f";
///  }
///
///  .block-icon-circular-graph:before {
///    content: "\e640";
///  }
///
///  .block-icon-clapperboard:before {
///    content: "\e641";
///  }
///
///  .block-icon-code:before {
///    content: "\e642";
///  }
///
///  .block-icon-cog:before {
///    content: "\e643";
///  }
///
///  .block-icon-colours:before {
///    content: "\e644";
///  }
///
///  .block-icon-compass:before {
///    content: "\e645";
///  }
///
///  .block-icon-copy:before {
///    content: "\e646";
///  }
///
///  .block-icon-credit-card:before {
///    content: "\e647";
///  }
///
///  .block-icon-credit:before {
///    content: "\e648";
///  }
///
///  .block-icon-cross:before {
///    content: "\e649";
///  }
///
///  .block-icon-cw:before {
///    content: "\e64a";
///  }
///
///  .block-icon-cycle:before {
///    content: "\e64b";
///  }
///
///  .block-icon-database:before {
///    content: "\e64c";
///  }
///
///  .block-icon-dial-pad:before {
///    content: "\e64d";
///  }
///
///  .block-icon-direction:before {
///    content: "\e64e";
///  }
///
///  .block-icon-document:before {
///    content: "\e64f";
///  }
///
///  .block-icon-documents:before {
///    content: "\e650";
///  }
///
///  .block-icon-drink:before {
///    content: "\e651";
///  }
///
///  .block-icon-drive:before {
///    content: "\e652";
///  }
///
///  .block-icon-drop:before {
///    content: "\e653";
///  }
///
///  .block-icon-edit:before {
///    content: "\e654";
///  }
///
///  .block-icon-email:before {
///    content: "\e655";
///  }
///
///  .block-icon-emoji-happy:before {
///    content: "\e656";
///  }
///
///  .block-icon-emoji-neutral:before {
///    content: "\e657";
///  }
///
///  .block-icon-emoji-sad:before {
///    content: "\e658";
///  }
///
///  .block-icon-erase:before {
///    content: "\e659";
///  }
///
///  .block-icon-eraser:before {
///    content: "\e65a";
///  }
///
///  .block-icon-export:before {
///    content: "\e65b";
///  }
///
///  .block-icon-eye:before {
///    content: "\e65c";
///  }
///
///  .block-icon-folder:before {
///    content: "\e65d";
///  }
///
///  .block-icon-forward:before {
///    content: "\e65e";
///  }
///
///  .block-icon-funnel:before {
///    content: "\e65f";
///  }
///
///  .block-icon-game-controller:before {
///    content: "\e660";
///  }
///
///  .block-icon-gauge:before {
///    content: "\e661";
///  }
///
///  .block-icon-globe:before {
///    content: "\e662";
///  }
///
///  .block-icon-graduation-cap:before {
///    content: "\e663";
///  }
///
///  .block-icon-grid:before {
///    content: "\e664";
///  }
///
///  .block-icon-hair-cross:before {
///    content: "\e665";
///  }
///
///  .block-icon-hand:before {
///    content: "\e666";
///  }
///
///  .block-icon-heart-outlined:before {
///    content: "\e667";
///  }
///
///  .block-icon-heart:before {
///    content: "\e668";
///  }
///
///  .block-icon-help-with-circle:before {
///    content: "\e669";
///  }
///
///  .block-icon-help:before {
///    content: "\e66a";
///  }
///
///  .block-icon-home:before {
///    content: "\e66b";
///  }
///
///  .block-icon-hour-glass:before {
///    content: "\e66c";
///  }
///
///  .block-icon-inbox:before {
///    content: "\e66d";
///  }
///
///  .block-icon-infinity:before {
///    content: "\e66e";
///  }
///
///  .block-icon-info-with-circle:before {
///    content: "\e66f";
///  }
///
///  .block-icon-key:before {
///    content: "\e670";
///  }
///
///  .block-icon-keyboard:before {
///    content: "\e671";
///  }
///
///  .block-icon-lab-flask:before {
///    content: "\e672";
///  }
///
///  .block-icon-landline:before {
///    content: "\e673";
///  }
///
///  .block-icon-laptop:before {
///    content: "\e674";
///  }
///
///  .block-icon-leaf:before {
///    content: "\e675";
///  }
///
///  .block-icon-level-down:before {
///    content: "\e676";
///  }
///
///  .block-icon-level-up:before {
///    content: "\e677";
///  }
///
///  .block-icon-lifebuoy:before {
///    content: "\e678";
///  }
///
///  .block-icon-light-bulb:before {
///    content: "\e679";
///  }
///
///  .block-icon-light-up:before {
///    content: "\e67a";
///  }
///
///  .block-icon-line-graph:before {
///    content: "\e67b";
///  }
///
///  .block-icon-link:before {
///    content: "\e67c";
///  }
///
///  .block-icon-list:before {
///    content: "\e67d";
///  }
///
///  .block-icon-location:before {
///    content: "\e67e";
///  }
///
///  .block-icon-lock-open:before {
///    content: "\e67f";
///  }
///
///  .block-icon-lock:before {
///    content: "\e680";
///  }
///
///  .block-icon-log-out:before {
///    content: "\e681";
///  }
///
///  .block-icon-login:before {
///    content: "\e682";
///  }
///
///  .block-icon-loop:before {
///    content: "\e683";
///  }
///
///  .block-icon-magnet:before {
///    content: "\e684";
///  }
///
///  .block-icon-magnifying-glass:before {
///    content: "\e685";
///  }
///
///  .block-icon-mail:before {
///    content: "\e686";
///  }
///
///  .block-icon-map:before {
///    content: "\e687";
///  }
///
///  .block-icon-menu:before {
///    content: "\e688";
///  }
///
///  .block-icon-message:before {
///    content: "\e689";
///  }
///
///  .block-icon-mobile:before {
///    content: "\e68a";
///  }
///
///  .block-icon-mouse:before {
///    content: "\e68b";
///  }
///
///  .block-icon-music:before {
///    content: "\e68c";
///  }
///
///  .block-icon-network:before {
///    content: "\e68d";
///  }
///
///  .block-icon-new-message:before {
///    content: "\e68e";
///  }
///
///  .block-icon-news:before {
///    content: "\e68f";
///  }
///
///  .block-icon-old-mobile:before {
///    content: "\e690";
///  }
///
///  .block-icon-old-phone:before {
///    content: "\e691";
///  }
///
///  .block-icon-palette:before {
///    content: "\e692";
///  }
///
///  .block-icon-paper-plane:before {
///    content: "\e693";
///  }
///
///  .block-icon-pencil:before {
///    content: "\e694";
///  }
///
///  .block-icon-phone:before {
///    content: "\e695";
///  }
///
///  .block-icon-pie-chart:before {
///    content: "\e696";
///  }
///
///  .block-icon-pin:before {
///    content: "\e697";
///  }
///
///  .block-icon-plus:before {
///    content: "\e698";
///  }
///
///  .block-icon-popup:before {
///    content: "\e699";
///  }
///
///  .block-icon-power-plug:before {
///    content: "\e69a";
///  }
///
///  .block-icon-price-ribbon:before {
///    content: "\e69b";
///  }
///
///  .block-icon-price-tag:before {
///    content: "\e69c";
///  }
///
///  .block-icon-print:before {
///    content: "\e69d";
///  }
///
///  .block-icon-progress-empty:before {
///    content: "\e69e";
///  }
///
///  .block-icon-progress-full:before {
///    content: "\e69f";
///  }
///
///  .block-icon-progress-one:before {
///    content: "\e6a0";
///  }
///
///  .block-icon-progress-two:before {
///    content: "\e6a1";
///  }
///
///  .block-icon-publish:before {
///    content: "\e6a2";
///  }
///
///  .block-icon-quote:before {
///    content: "\e6a3";
///  }
///
///  .block-icon-radio:before {
///    content: "\e6a4";
///  }
///
///  .block-icon-reply-all:before {
///    content: "\e6a5";
///  }
///
///  .block-icon-reply:before {
///    content: "\e6a6";
///  }
///
///  .block-icon-retweet:before {
///    content: "\e6a7";
///  }
///
///  .block-icon-rocket:before {
///    content: "\e6a8";
///  }
///
///  .block-icon-round-brush:before {
///    content: "\e6a9";
///  }
///
///  .block-icon-rss:before {
///    content: "\e6aa";
///  }
///
///  .block-icon-ruler:before {
///    content: "\e6ab";
///  }
///
///  .block-icon-scissors:before {
///    content: "\e6ac";
///  }
///
///  .block-icon-share-alternitive:before {
///    content: "\e6ad";
///  }
///
///  .block-icon-share:before {
///    content: "\e6ae";
///  }
///
///  .block-icon-shopping-basket:before {
///    content: "\e6af";
///  }
///
///  .block-icon-shopping-cart:before {
///    content: "\e6b0";
///  }
///
///  .block-icon-shuffle:before {
///    content: "\e6b1";
///  }
///
///  .block-icon-signal:before {
///    content: "\e6b2";
///  }
///
///  .block-icon-sound-mix:before {
///    content: "\e6b3";
///  }
///
///  .block-icon-sports-club:before {
///    content: "\e6b4";
///  }
///
///  .block-icon-spreadsheet:before {
///    content: "\e6b5";
///  }
///
///  .block-icon-squared-cross:before {
///    content: "\e6b6";
///  }
///
///  .block-icon-squared-minus:before {
///    content: "\e6b7";
///  }
///
///  .block-icon-squared-plus:before {
///    content: "\e6b8";
///  }
///
///  .block-icon-star-outlined:before {
///    content: "\e6b9";
///  }
///
///  .block-icon-star:before {
///    content: "\e6ba";
///  }
///
///  .block-icon-stopwatch:before {
///    content: "\e6bb";
///  }
///
///  .block-icon-suitcase:before {
///    content: "\e6bc";
///  }
///
///  .block-icon-swap:before {
///    content: "\e6bd";
///  }
///
///  .block-icon-switch:before {
///    content: "\e6be";
///  }
///
///  .block-icon-tablet:before {
///    content: "\e6bf";
///  }
///
///  .block-icon-tag:before {
///    content: "\e6c0";
///  }
///
///  .block-icon-text:before {
///    content: "\e6c1";
///  }
///
///  .block-icon-thermometer:before {
///    content: "\e6c2";
///  }
///
///  .block-icon-thunder-cloud:before {
///    content: "\e6c3";
///  }
///
///  .block-icon-ticket:before {
///    content: "\e6c4";
///  }
///
///  .block-icon-time-slot:before {
///    content: "\e6c5";
///  }
///
///  .block-icon-tv:before {
///    content: "\e6c6";
///  }
///
///  .block-icon-typing:before {
///    content: "\e6c7";
///  }
///

@mixin blockIcons($path:"/css/icons/"){

	@font-face {
		font-family: 'block-icon-set';
		src:url('#{$path}block-icon-set.eot?3udrrn');
		src:url('#{$path}block-icon-set.eot?#iefix3udrrn') format('embedded-opentype'),
			url('#{$path}block-icon-set.ttf?3udrrn') format('truetype'),
			url('#{$path}block-icon-set.woff?3udrrn') format('woff'),
			url('#{$path}block-icon-set.svg?3udrrn#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	[class^="block-icon-"], [class*=" block-icon-"] {
		font-family: 'block-icon-set';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	$pattern   : "0" "1" "2" "3" "4" "5" "6" "7" "8" "9" "a" "b" "c" "d" "e" "f";
	$icon-list :
		"controller-fast-backward" "arrow-with-circle-down" "arrow-with-circle-left" "arrow-with-circle-right" "arrow-with-circle-up" "cloud" "controller-fast-forward" "controller-jump-to-start" "controller-next" "controller-paus"
		"controller-play" "controller-record" "controller-stop" "controller-volume" "dots-three-horizontal" "dots-three-vertical" "download" "flow-branch" "flow-cascade" "flow-line" "flow-parallel" "flow-tree" "install" "layers"
		"open-book" "resize-100" "resize-full-screen" "save" "select-arrows" "trash" "triangle-down" "triangle-left" "triangle-right" "triangle-up" "uninstall" "upload-to-cloud" "upload" "add-user" "aircraft" "align-bottom"
		"align-horizontal-middle" "align-left" "align-right" "align-top" "align-vertical-middle" "area-graph" "back-in-time" "back" "bar-graph" "battery" "beamed-note" "block" "book" "browser" "brush" "bucket" "cake" "calculator"
		"calendar" "camera" "ccw" "chat" "check" "circle" "circular-graph" "clapperboard" "code" "cog" "colours" "compass" "copy" "credit-card" "credit" "cross" "cw" "cycle" "database" "dial-pad" "direction" "document" "documents"
		"drink" "drive" "drop" "edit" "email" "emoji-happy" "emoji-neutral" "emoji-sad" "erase" "eraser" "export" "eye" "folder" "forward" "funnel" "game-controller" "gauge" "globe" "graduation-cap" "grid" "hair-cross" "hand"
		"heart-outlined" "heart" "help-with-circle" "help" "home" "hour-glass" "inbox" "infinity" "info-with-circle" "key" "keyboard" "lab-flask" "landline" "laptop" "leaf" "level-down" "level-up" "lifebuoy" "light-bulb" "light-up"
		"line-graph" "link" "list" "location" "lock-open" "lock" "log-out" "login" "loop" "magnet" "magnifying-glass" "mail" "map" "menu" "message" "mobile" "mouse" "music" "network" "new-message" "news" "old-mobile" "old-phone"
		"palette" "paper-plane" "pencil" "phone" "pie-chart" "pin" "plus" "popup" "power-plug" "price-ribbon" "price-tag" "print" "progress-empty" "progress-full" "progress-one" "progress-two" "publish" "quote" "radio" "reply-all"
		"reply" "retweet" "rocket" "round-brush" "rss" "ruler" "scissors" "share-alternitive" "share" "shopping-basket" "shopping-cart" "shuffle" "signal" "sound-mix" "sports-club" "spreadsheet" "squared-cross" "squared-minus"
		"squared-plus" "star-outlined" "star" "stopwatch" "suitcase" "swap" "switch" "tablet" "tag" "text" "thermometer" "thunder-cloud" "ticket" "time-slot" "tv" "typing";



	@for $i from 1 through length($icon-list){

		.block-icon-#{nth($icon-list,$i)}:before{

			@if($i<=16) {
				$val  : '"\\e60#{nth($pattern,$i)}"';
				content: #{$val};
			}

			@else if($i<=32) {
				$val  : '"\\e61#{nth($pattern,$i - 16)}"';
				content: #{$val};
			}

			@else if($i<=48) {
				$val  : '"\\e62#{nth($pattern,$i - 32)}"';
				content: #{$val};
			}

			@else if($i<=64) {
				$val  : '"\\e63#{nth($pattern,$i - 48)}"';
				content: #{$val};
			}

			@else if($i<=80) {
				$val  : '"\\e64#{nth($pattern,$i - 64)}"';
				content: #{$val};
			}

			@else if($i<=96) {
				$val  : '"\\e65#{nth($pattern,$i - 80)}"';
				content: #{$val};
			}

			@else if($i<=112) {
				$val  : '"\\e66#{nth($pattern,$i - 96)}"';
				content: #{$val};
			}

			@else if($i<=128) {
				$val  : '"\\e67#{nth($pattern,$i - 112)}"';
				content: #{$val};
			}

			@else if($i<=144) {
				$val  : '"\\e68#{nth($pattern,$i - 128)}"';
				content: #{$val};
			}

			@else if($i<=160) {
				$val  : '"\\e69#{nth($pattern,$i - 144)}"';
				content: #{$val};
			}

			@else if($i<=176) {
				$val  : '"\\e6a#{nth($pattern,$i - 160)}"';
				content: #{$val};
			}

			@else if($i<=192) {
				$val  : '"\\e6b#{nth($pattern,$i - 176)}"';
				content: #{$val};
			}

			@else if($i<=208) {
				$val  : '"\\e6c#{nth($pattern,$i - 192)}"';
				content: #{$val};
			}
		}
	}
}

@mixin gitIcons($path:"/css/icons/"){

	@font-face {
		font-family: 'icomoon';
		src:url('#{$path}giticons.eot?3udrrn');
		src:url('#{$path}giticons.eot?#iefix3udrrn') format('embedded-opentype'),
			url('#{$path}giticons.ttf?3udrrn') format('truetype'),
			url('#{$path}giticons.woff?3udrrn') format('woff'),
			url('#{$path}giticons.svg?3udrrn#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	[class^="git-icon-"], [class*="git-icon-"] {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.git-icon-alert:before {
		content: "\f02d";
	}
	.git-icon-alignment-align:before {
		content: "\f08a";
	}
	.git-icon-alignment-aligned-to:before {
		content: "\f08e";
	}
	.git-icon-alignment-unalign:before {
		content: "\f08b";
	}
	.git-icon-arrow-down:before {
		content: "\f03f";
	}
	.git-icon-arrow-left:before {
		content: "\f040";
	}
	.git-icon-arrow-right:before {
		content: "\f03e";
	}
	.git-icon-arrow-small-down:before {
		content: "\f0a0";
	}
	.git-icon-arrow-small-left:before {
		content: "\f0a1";
	}
	.git-icon-arrow-small-right:before {
		content: "\f071";
	}
	.git-icon-arrow-small-up:before {
		content: "\f09f";
	}
	.git-icon-arrow-up:before {
		content: "\f03d";
	}
	.git-icon-beer:before {
		content: "\f069";
	}
	.git-icon-book:before {
		content: "\f007";
	}
	.git-icon-bookmark:before {
		content: "\f07b";
	}
	.git-icon-briefcase:before {
		content: "\f0d3";
	}
	.git-icon-broadcast:before {
		content: "\f048";
	}
	.git-icon-browser:before {
		content: "\f0c5";
	}
	.git-icon-bug:before {
		content: "\f091";
	}
	.git-icon-calendar:before {
		content: "\f068";
	}
	.git-icon-check:before {
		content: "\f03a";
	}
	.git-icon-checklist:before {
		content: "\f076";
	}
	.git-icon-chevron-down:before {
		content: "\f0a3";
	}
	.git-icon-chevron-left:before {
		content: "\f0a4";
	}
	.git-icon-chevron-right:before {
		content: "\f078";
	}
	.git-icon-chevron-up:before {
		content: "\f0a2";
	}
	.git-icon-circle-slash:before {
		content: "\f084";
	}
	.git-icon-circuit-board:before {
		content: "\f0d6";
	}
	.git-icon-clippy:before {
		content: "\f035";
	}
	.git-icon-clock:before {
		content: "\f046";
	}
	.git-icon-cloud-download:before {
		content: "\f00b";
	}
	.git-icon-cloud-upload:before {
		content: "\f00c";
	}
	.git-icon-code:before {
		content: "\f05f";
	}
	.git-icon-color-mode:before {
		content: "\f065";
	}
	.git-icon-comment:before {
		content: "\f02b";
	}
	.git-icon-comment-discussion:before {
		content: "\f04f";
	}
	.git-icon-credit-card:before {
		content: "\f045";
	}
	.git-icon-dash:before {
		content: "\f0ca";
	}
	.git-icon-dashboard:before {
		content: "\f07d";
	}
	.git-icon-database:before {
		content: "\f096";
	}
	.git-icon-device-camera:before {
		content: "\f056";
	}
	.git-icon-device-camera-video:before {
		content: "\f057";
	}
	.git-icon-device-desktop:before {
		content: "\f27c";
	}
	.git-icon-device-mobile:before {
		content: "\f038";
	}
	.git-icon-diff:before {
		content: "\f04d";
	}
	.git-icon-diff-added:before {
		content: "\f06b";
	}
	.git-icon-diff-ignored:before {
		content: "\f099";
	}
	.git-icon-diff-modified:before {
		content: "\f06d";
	}
	.git-icon-diff-removed:before {
		content: "\f06c";
	}
	.git-icon-diff-renamed:before {
		content: "\f06e";
	}
	.git-icon-ellipsis:before {
		content: "\f09a";
	}
	.git-icon-eye:before {
		content: "\f04e";
	}
	.git-icon-file-binary:before {
		content: "\f094";
	}
	.git-icon-file-code:before {
		content: "\f010";
	}
	.git-icon-file-directory:before {
		content: "\f016";
	}
	.git-icon-file-media:before {
		content: "\f012";
	}
	.git-icon-file-pdf:before {
		content: "\f014";
	}
	.git-icon-file-submodule:before {
		content: "\f017";
	}
	.git-icon-file-symlink-directory:before {
		content: "\f0b1";
	}
	.git-icon-file-symlink-file:before {
		content: "\f0b0";
	}
	.git-icon-file-text:before {
		content: "\f011";
	}
	.git-icon-file-zip:before {
		content: "\f013";
	}
	.git-icon-flame:before {
		content: "\f0d2";
	}
	.git-icon-fold:before {
		content: "\f0cc";
	}
	.git-icon-gear:before {
		content: "\f02f";
	}
	.git-icon-gift:before {
		content: "\f042";
	}
	.git-icon-gist:before {
		content: "\f00e";
	}
	.git-icon-gist-secret:before {
		content: "\f08c";
	}
	.git-icon-git-branch:before {
		content: "\f020";
	}
	.git-icon-git-commit:before {
		content: "\f01f";
	}
	.git-icon-git-compare:before {
		content: "\f0ac";
	}
	.git-icon-git-merge:before {
		content: "\f023";
	}
	.git-icon-git-pull-request:before {
		content: "\f009";
	}
	.git-icon-globe:before {
		content: "\f0b6";
	}
	.git-icon-graph:before {
		content: "\f043";
	}
	.git-icon-heart:before {
		content: "\2665";
	}
	.git-icon-history:before {
		content: "\f07e";
	}
	.git-icon-home:before {
		content: "\f08d";
	}
	.git-icon-horizontal-rule:before {
		content: "\f070";
	}
	.git-icon-hourglass:before {
		content: "\f09e";
	}
	.git-icon-hubot:before {
		content: "\f09d";
	}
	.git-icon-inbox:before {
		content: "\f0cf";
	}
	.git-icon-info:before {
		content: "\f059";
	}
	.git-icon-issue-closed:before {
		content: "\f028";
	}
	.git-icon-issue-opened:before {
		content: "\f026";
	}
	.git-icon-issue-reopened:before {
		content: "\f027";
	}
	.git-icon-jersey:before {
		content: "\f019";
	}
	.git-icon-jump-down:before {
		content: "\f072";
	}
	.git-icon-jump-left:before {
		content: "\f0a5";
	}
	.git-icon-jump-right:before {
		content: "\f0a6";
	}
	.git-icon-jump-up:before {
		content: "\f073";
	}
	.git-icon-key:before {
		content: "\f049";
	}
	.git-icon-keyboard:before {
		content: "\f00d";
	}
	.git-icon-law:before {
		content: "\f0d8";
	}
	.git-icon-light-bulb:before {
		content: "\f000";
	}
	.git-icon-link:before {
		content: "\f05c";
	}
	.git-icon-link-external:before {
		content: "\f07f";
	}
	.git-icon-list-ordered:before {
		content: "\f062";
	}
	.git-icon-list-unordered:before {
		content: "\f061";
	}
	.git-icon-location:before {
		content: "\f060";
	}
	.git-icon-lock:before {
		content: "\f06a";
	}
	.git-icon-logo-github:before {
		content: "\f092";
	}
	.git-icon-mail:before {
		content: "\f03b";
	}
	.git-icon-mail-read:before {
		content: "\f03c";
	}
	.git-icon-mail-reply:before {
		content: "\f051";
	}
	.git-icon-mark-github:before {
		content: "\f00a";
	}
	.git-icon-markdown:before {
		content: "\f0c9";
	}
	.git-icon-megaphone:before {
		content: "\f077";
	}
	.git-icon-mention:before {
		content: "\f0be";
	}
	.git-icon-microscope:before {
		content: "\f089";
	}
	.git-icon-milestone:before {
		content: "\f075";
	}
	.git-icon-mirror:before {
		content: "\f024";
	}
	.git-icon-mortar-board:before {
		content: "\f0d7";
	}
	.git-icon-move-down:before {
		content: "\f0a8";
	}
	.git-icon-move-left:before {
		content: "\f074";
	}
	.git-icon-move-right:before {
		content: "\f0a9";
	}
	.git-icon-move-up:before {
		content: "\f0a7";
	}
	.git-icon-mute:before {
		content: "\f080";
	}
	.git-icon-no-newline:before {
		content: "\f09c";
	}
	.git-icon-octoface:before {
		content: "\f008";
	}
	.git-icon-organization:before {
		content: "\f037";
	}
	.git-icon-package:before {
		content: "\f0c4";
	}
	.git-icon-paintcan:before {
		content: "\f0d1";
	}
	.git-icon-pencil:before {
		content: "\f058";
	}
	.git-icon-person:before {
		content: "\f018";
	}
	.git-icon-pin:before {
		content: "\f041";
	}
	.git-icon-playback-fast-forward:before {
		content: "\f0bd";
	}
	.git-icon-playback-pause:before {
		content: "\f0bb";
	}
	.git-icon-playback-play:before {
		content: "\f0bf";
	}
	.git-icon-playback-rewind:before {
		content: "\f0bc";
	}
	.git-icon-plug:before {
		content: "\f0d4";
	}
	.git-icon-plus:before {
		content: "\f05d";
	}
	.git-icon-podium:before {
		content: "\f0af";
	}
	.git-icon-primitive-dot:before {
		content: "\f052";
	}
	.git-icon-primitive-square:before {
		content: "\f053";
	}
	.git-icon-pulse:before {
		content: "\f085";
	}
	.git-icon-puzzle:before {
		content: "\f0c0";
	}
	.git-icon-question:before {
		content: "\f02c";
	}
	.git-icon-quote:before {
		content: "\f063";
	}
	.git-icon-radio-tower:before {
		content: "\f030";
	}
	.git-icon-repo:before {
		content: "\f001";
	}
	.git-icon-repo-clone:before {
		content: "\f04c";
	}
	.git-icon-repo-force-push:before {
		content: "\f04a";
	}
	.git-icon-repo-forked:before {
		content: "\f002";
	}
	.git-icon-repo-pull:before {
		content: "\f006";
	}
	.git-icon-repo-push:before {
		content: "\f005";
	}
	.git-icon-rocket:before {
		content: "\f033";
	}
	.git-icon-rss:before {
		content: "\f034";
	}
	.git-icon-ruby:before {
		content: "\f047";
	}
	.git-icon-screen-full:before {
		content: "\f066";
	}
	.git-icon-screen-normal:before {
		content: "\f067";
	}
	.git-icon-search:before {
		content: "\f02e";
	}
	.git-icon-server:before {
		content: "\f097";
	}
	.git-icon-settings:before {
		content: "\f07c";
	}
	.git-icon-sign-in:before {
		content: "\f036";
	}
	.git-icon-sign-out:before {
		content: "\f032";
	}
	.git-icon-split:before {
		content: "\f0c6";
	}
	.git-icon-squirrel:before {
		content: "\f0b2";
	}
	.git-icon-star:before {
		content: "\f02a";
	}
	.git-icon-steps:before {
		content: "\f0c7";
	}
	.git-icon-stop:before {
		content: "\f08f";
	}
	.git-icon-sync:before {
		content: "\f087";
	}
	.git-icon-tag:before {
		content: "\f015";
	}
	.git-icon-telescope:before {
		content: "\f088";
	}
	.git-icon-terminal:before {
		content: "\f0c8";
	}
	.git-icon-three-bars:before {
		content: "\f05e";
	}
	.git-icon-tools:before {
		content: "\f031";
	}
	.git-icon-trashcan:before {
		content: "\f0d0";
	}
	.git-icon-triangle-down:before {
		content: "\f05b";
	}
	.git-icon-triangle-left:before {
		content: "\f044";
	}
	.git-icon-triangle-right:before {
		content: "\f05a";
	}
	.git-icon-triangle-up:before {
		content: "\f0aa";
	}
	.git-icon-unfold:before {
		content: "\f039";
	}
	.git-icon-unmute:before {
		content: "\f0ba";
	}
	.git-icon-versions:before {
		content: "\f064";
	}
	.git-icon-x:before {
		content: "\f081";
	}
	.git-icon-zap:before {
		content: "\26a1";
	}

}
