50 lines
925 B
SCSS
50 lines
925 B
SCSS
//
|
|
// 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);
|
|
}
|
|
} |