// Copyright (c) 2016 - 2022 Alex Grant (@localnerve), LocalNerve LLC
// Copyrights licensed under the BSD License. See the accompanying LICENSE file for terms.
//
// ribbon styles
// =========================

.ribbon {
  margin: 0.25rem 0;
  padding-top: 0.2rem;
  overflow-y: hidden;
  @include breakpoint(medium) {
    margin: 1rem 0;
    padding-top: 0;
  }
}

.glyph {
  // this controls the size of the icons since icons are ems
  font-size: 1.6rem;
  @include breakpoint(medium) {
    font-size: 2rem;
  }
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}
