Improve text and image utility classes

This commit is contained in:
Michael Rose 2017-03-09 14:20:28 -05:00
parent ab80d45a45
commit cc54e61ae7
2 changed files with 15 additions and 2 deletions

View File

@ -1,5 +1,5 @@
// //
// Text Alignment // Alignment
// //
.align-baseline { vertical-align: baseline !important; } // Browser default .align-baseline { vertical-align: baseline !important; } // Browser default
@ -21,6 +21,19 @@ a img.align-center {
margin-right: auto; margin-right: auto;
} }
figure.align-center {
img {
display: block;
margin-left: auto;
margin-right: auto;
}
figcaption {
text-align: center;
}
}
.align-right, .align-right,
a img.align-right { a img.align-right {
float: right; float: right;

View File

@ -6,7 +6,6 @@
.text-justify { text-align: justify !important; } .text-justify { text-align: justify !important; }
.text-nowrap { white-space: nowrap !important; } .text-nowrap { white-space: nowrap !important; }
.text-truncate { @include text-truncate; }
.text-left { text-align: left !important; } .text-left { text-align: left !important; }
.text-right { text-align: right !important; } .text-right { text-align: right !important; }
.text-center { text-align: center !important; } .text-center { text-align: center !important; }
@ -16,6 +15,7 @@
.text-lowercase { text-transform: lowercase !important; } .text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; } .text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; } .text-capitalize { text-transform: capitalize !important; }
.text-truncate { @include text-truncate; }
// Sizing // Sizing