Files
sage/resources/assets/styles/components/_wp-classes.scss
2017-04-03 18:42:26 -06:00

50 lines
855 B
SCSS

// WordPress Generated Classes
// http://codex.wordpress.org/CSS#WordPress_Generated_Classes
// Media alignment
.alignnone {
margin-left: 0;
margin-right: 0;
max-width: 100%;
height: auto;
}
.aligncenter {
display: block;
margin: ($spacer / 2) auto;
height: auto;
}
.alignleft,
.alignright {
margin-bottom: ($spacer / 2);
height: auto;
}
@include media-breakpoint-up(sm) {
// Only float if not on an extra small device
.alignleft {
float: left;
margin-right: ($spacer / 2);
}
.alignright {
float: right;
margin-left: ($spacer / 2);
}
}
// Captions
.wp-caption {
@extend .figure;
}
.wp-caption img {
@extend .figure-img;
@extend .img-fluid;
}
.wp-caption-text {
@extend .figure-caption;
}
// Text meant only for screen readers
.screen-reader-text {
@extend .sr-only;
@extend .sr-only-focusable;
}