@import 'mixins/icon';


@svg-load search url( 'search.svg' ) {
  fill: rgb(20, 21, 20);
}

@svg-load close url( 'x.svg' ) {
  fill: rgb(20, 21, 20);
}

@svg-load menu url( 'list.svg' ) {
  fill: rgb(20, 21, 20);
}


.icon--inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;

  &::before {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: relative;
  }
}

.icon--menu {
  @include pseudoIcon(menu)
}

.icon--search {
  @include pseudoIcon(search)
}

.icon--close {
  @include pseudoIcon(close)
}