diff --git a/_sass/basically-basic/utilities/_align.scss b/_sass/basically-basic/utilities/_align.scss index fd11f69..e01f90d 100644 --- a/_sass/basically-basic/utilities/_align.scss +++ b/_sass/basically-basic/utilities/_align.scss @@ -1,5 +1,5 @@ // -// Alignment +// Text Alignment // .align-baseline { vertical-align: baseline !important; } // Browser default @@ -9,6 +9,36 @@ .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;