//
// Alignment
//

.align-baseline    { vertical-align: baseline !important; } // Browser default
.align-top         { vertical-align: top !important; }
.align-middle      { vertical-align: middle !important; }
.align-bottom      { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top    { vertical-align: text-top !important; }

.is--pushed {
  @include breakpoint($medium) {
    padding-left: $sidebar-width;
  }

  @include breakpoint($large) {
    padding-left: (1.5 * $sidebar-width);
  }
}
//
// Text Alignment
//

.align-baseline    { vertical-align: baseline !important; } // Browser default
.align-top         { vertical-align: top !important; }
.align-middle      { vertical-align: middle !important; }
.align-bottom      { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top    { vertical-align: text-top !important; }

//
// Image Alignment
//

.align-center,
div.align-center,
a img.align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.align-right,
a img.align-right {
  float: right;
  margin-left: 1rem;
  margin-bottom: 1rem;
}

.align-left,
a img.align-left {
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

//
// Sidebar pusher
//

.is--pushed {
  @include breakpoint($medium) {
    padding-left: $sidebar-width;
  }

  @include breakpoint($large) {
    padding-left: (1.5 * $sidebar-width);
  }
}
Add image alignment utility classes
Add image alignment utility classes
