datat.fi/_sass/basically-basic/utilities/_align.scss

65 lines
1.3 KiB
SCSS
Raw Normal View History

2017-03-16 20:34:29 +02:00
/* ==========================================================================
Alignment
========================================================================== */
.align-baseline { vertical-align: baseline !important; } // Browser default
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
2017-03-07 23:12:17 +02:00
.align-text-bottom { vertical-align: text-bottom !important; }
2017-03-16 20:34:29 +02:00
.align-text-top { vertical-align: text-top !important; }
2017-03-07 23:12:17 +02:00
2017-03-16 20:34:29 +02:00
/*
Image Alignment
========================================================================== */
2017-03-09 16:35:42 +02:00
.align-center,
div.align-center,
a img.align-center {
display: block;
margin-right: auto;
2017-03-16 20:34:29 +02:00
margin-left: auto;
2017-03-09 16:35:42 +02:00
}
2017-03-09 21:20:28 +02:00
figure.align-center {
img {
display: block;
margin-right: auto;
2017-03-16 20:34:29 +02:00
margin-left: auto;
2017-03-09 21:20:28 +02:00
}
figcaption {
text-align: center;
}
}
2017-03-09 16:35:42 +02:00
.align-right,
a img.align-right {
margin-bottom: 1rem;
2017-03-16 20:34:29 +02:00
margin-left: 1rem;
float: right;
2017-03-09 16:35:42 +02:00
}
.align-left,
a img.align-left {
2017-03-16 20:34:29 +02:00
margin-right: 1rem;
2017-03-16 21:13:21 +02:00
margin-bottom: 1rem;
2017-03-16 20:34:29 +02:00
float: left;
2017-03-09 16:35:42 +02:00
}
2017-03-16 20:34:29 +02:00
/*
Sidebar Pusher
========================================================================== */
2017-03-09 16:35:42 +02:00
2017-03-07 23:12:17 +02:00
.is--pushed {
2017-03-16 20:34:29 +02:00
2017-03-07 23:12:17 +02:00
@include breakpoint($medium) {
padding-left: $sidebar-width;
}
@include breakpoint($large) {
padding-left: (1.5 * $sidebar-width);
}
2017-03-16 20:34:29 +02:00
}