/**
 * Bootstrap card body with an icon to the left
 */

@use "../settings" as *;
@use "../tools" as *;

.card-icon {
  flex-direction: row;

  &::before {
    flex-shrink: 0;
    width: $card-icon-panel-width;
    margin: $card-spacer-y 0;
    content: "";
    background-color: $brand-bg-text;
    background-repeat: no-repeat;
    background-position: center;
    background-size: $card-icon-size;
    border-right: solid 2px $brand-color;
    border-left: solid 2px transparent;
  }
}

.card-icon-location::before {
  background-image: escape-svg($uoe-location-icon);
}

.card-icon-time::before {
  background-image: escape-svg($uoe-time-icon);
}

.card-icon-home::before {
  background-image: escape-svg($uoe-home-icon);
}