/*
  SVG ICON SYSTEM
  per https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
  */
.icon {
  display: inline-flex;
  align-self: center;
}

.icon svg,
.icon img {
  height: 1em;
  width: 1em;
  fill: currentColor;
}

.icon.baseline svg,
.icon img {
  top: 0.15em;
  position: relative;
}

// // for navbar-brand logo, could be used for other non-icon SVGs with an extra class to controll the size
// .logo {
//   display: inline-flex;
//   align-self: center;
// }

// .logo svg,
// .logo img {
//   height: 5.3rem;
//   fill: currentColor;
// }

// .logo.baseline svg,
// .logo img {
//   top: 0.15em;
//   position: relative;
// }

svg {
  &.img {
    fill: currentColor;
    &.header-logo {
      height: 5.3rem;
    }
  }
}