$shadow-color: rgba(color('black'), 0.1);
$shadow-size: rem(20px);
$shadow-bottom: inset 0 (-1 * $shadow-size) $shadow-size (-1 * $shadow-size)
  $shadow-color;
$shadow-top: inset 0 $shadow-size $shadow-size (-1 * $shadow-size) $shadow-color;

.Biblio-Scrollable {
  -webkit-overflow-scrolling: touch;
  position: relative;
}

.Biblio-Scrollable--horizontal {
  overflow-x: auto;
}

.Biblio-Scrollable--vertical {
  overflow-y: auto;
}

.Biblio-Scrollable--hasTopShadow {
  box-shadow: $shadow-top;
}

.Biblio-Scrollable--hasBottomShadow {
  box-shadow: $shadow-bottom;
}

.Biblio-Scrollable--hasTopShadow.Biblio-Scrollable--hasBottomShadow {
  box-shadow: $shadow-top, $shadow-bottom;
}