@use "mixins/border-radius";
@use "mixins/breakpoints";
@use "variables";

.jumbotron {
  padding: variables.$jumbotron-padding (variables.$jumbotron-padding * .5);
  margin-bottom: variables.$jumbotron-padding;
  color: variables.$jumbotron-color;
  background-color: variables.$jumbotron-bg;
  @include border-radius.border-radius(variables.$border-radius-lg);

  @include breakpoints.media-breakpoint-up(sm) {
    padding: (variables.$jumbotron-padding * 2) variables.$jumbotron-padding;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  @include border-radius.border-radius(0);
}