SASS - mixin współdzielony miedzy klasami dla różnych rozdzielczści [SOLVED]

Zielona szkoła
1

Witam.

W sprawach tzw. frontendu nie radzę sobie najlepiej i mam problem. Mianowicie nie mogę zmusić klas aby jednocześnie współpracowały z rozdzielczościami i posiadały wspólny mixin. Poniższy kod nie dziaa tak jak oczekuję tj. nie ważne jakie klasy użyję olewana jest dyrektywa @media.

@mixin i4b-btn-block()
  display: block
  width: 100%
  margin-top: 5px


.i4b-btn-block-xs
  @media screen and (max-width: $screen-xs)
  @include i4b-btn-block

.i4b-btn-block-sm
  @media screen and (min-width: $screen-xs) and (max-width: $screen-sm)
  @include i4b-btn-block

.i4b-btn-block-md
  @media screen and (min-width: $screen-sm) and (max-width: $screen-md)
  @include i4b-btn-block

.i4b-btn-block-lg
  @media screen and (min-width: $screen-md)
  @include i4b-btn-block
2 
.i4b-btn-block-lg
  @media screen and (min-width: $screen-md)
      @include i4b-btn-block

Trzeba zrobią jak powyżej i działa.