Files
sage/assets/styles/components/_wp-classes.scss
PTiCA1 83ee29fc47 Sage 9 - fix bootstrap4 styles (#1642)
Update after Bootstrap 4 class name changes
2016-05-03 10:54:25 -04:00

47 lines
816 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-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;
}