Hugo Zina - Bootstrap Viewports

←Hugo Zina

Служебные CSS стили, которые включают отображение полоски, показывающей цветом, какой вьюпорт сейчас активен.

          xs
          sm
          md
          lg
          xl

Пример использования:

<div class="vp-brdr"><div>

Файл со стилями:

assets/sass/utilities/_tech.scss

// Bootstrap Viewports
.vports-brdr,
.vp-brdr {
  @include media-breakpoint-only(xs) { border-top: solid 3px red; }
  @include media-breakpoint-only(sm) { border-top: solid 3px orange; }
  @include media-breakpoint-only(md) { border-top: solid 3px yellow; }
  @include media-breakpoint-only(lg) { border-top: solid 3px green; }
  @include media-breakpoint-only(xl) { border-top: solid 3px blue; }
}