//
// Barcode
// --------------------------------------------------

.barcode {
  canvas {
    background: $color-white;
    border-radius: $panel-border-radius;
    padding: $panel-padding-y;

    @include themes-border(color-new-border);
  }

  // Size Variation

  &-sm {
    canvas {
      background: transparent;
      border-radius: 0;
      padding: 0;
      height: $grid-unit-y * 4;

      @include box-shadow(none);
    }
  }
}

.no-shadow-box {
  .barcode {
    canvas {
      @include box-shadow(none);
    }
  }
}