ry
/
datat.fi
6
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Add image alignment utility classes

This commit is contained in:
Michael Rose 2017-03-09 09:35:42 -05:00
parent e13c346c4a
commit 7852f7857e
1 changed files with 31 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
_sass/basically-basic/utilities/_align.scss
View File

@ -1,5 +1,5 @@
// //
// Alignment // Text Alignment
// //
.align-baseline { vertical-align: baseline !important; } // Browser default .align-baseline { vertical-align: baseline !important; } // Browser default
@ -9,6 +9,36 @@
.align-text-bottom { vertical-align: text-bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top { vertical-align: text-top !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 { .is--pushed {
@include breakpoint($medium) { @include breakpoint($medium) {
padding-left: $sidebar-width; padding-left: $sidebar-width;