$ionicons-font-path: "ionicons";

@import "../node_modules/ionicons/dist/scss/ionicons-variables";

@font-face {
 font-family: "Ionicons";
 src:url("#{$ionicons-font-path}/ionicons.eot?v=#{$ionicons-version}");
 src:url("#{$ionicons-font-path}/ionicons.eot?v=#{$ionicons-version}#iefix") format("embedded-opentype"),
  url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff"),
  url("#{$ionicons-font-path}/ionicons.ttf?v=#{$ionicons-version}") format("truetype"),
  url("#{$ionicons-font-path}/ionicons.svg?v=#{$ionicons-version}#Ionicons") format("svg");
 font-weight: normal;
 font-style: normal;
}

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

@import "../node_modules/ionicons/dist/scss/ionicons-common";
@import "../node_modules/ionicons/dist/scss/ionicons-icons";

@font-face {
 font-family: "Ionicons";
 src:url("#{$ionicons-font-path}/ionicons.eot?v=#{$ionicons-version}");
 src:url("#{$ionicons-font-path}/ionicons.eot?v=#{$ionicons-version}#iefix") format("embedded-opentype"),
  url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff"),
  url("#{$ionicons-font-path}/ionicons.ttf?v=#{$ionicons-version}") format("truetype"),
  url("#{$ionicons-font-path}/ionicons.svg?v=#{$ionicons-version}#Ionicons") format("svg");
 font-weight: normal;
 font-style: normal;
}

// Base font-size
[class^="ion-"]::before,
[class*=" ion-"]::before {
  vertical-align: text-bottom;
  font-size: 1.15em;
  line-height: .8695em;

  .sidenav-link &,
  .nav-link > & {
    vertical-align: baseline;
  }
}

// Fix material style icon position
.material-style {
  .btn-sm,
  .btn-xs,
  .btn-group-sm .btn,
  .btn-group-xs .btn,
  .input-group-group-sm .btn {
    [class^="ion-"]::before,
    [class*=" ion-"]::before {
      vertical-align: middle;
    }
  }
}