@charset "UTF-8";

@import './ionicons/scss/ionicons-variables';
@import './ionicons/scss/ionicons-icons';
$ionicons-font-path: './ionicons';

@font-face {
	font-family: $ionicons-font-family;
	src: url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff");
	font-weight: normal;
	font-style: normal;
}

.ion {
	display: inline-block;
	font-family: $ionicons-font-family;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

// Ionicons Icons
// --------------------------

@mixin ionicon($name) {
	@extend .ion;
	content: $name;
}

@charset "UTF-8";

@import './ionicons/scss/ionicons-variables';
@import './ionicons/scss/ionicons-animation';
@import './ionicons/scss/ionicons-icons';
$ionicons-font-path: './ionicons';

@font-face {
	font-family: $ionicons-font-family;
	src: url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff");
	font-weight: normal;
	font-style: normal;
}

.ion {
	display: inline-block;
	font-family: $ionicons-font-family;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

// Ionicons Icons
// --------------------------

@mixin ionicon($name) {
	@extend .ion;
	content: $name;
}

Include the animated icons in the css
Include the animated icons in the css
