bootstrap-spacer
Version:
A simple CSS library containing rules for spacing bootstrap rows and columns apart...
61 lines (50 loc) • 1.32 kB
CSS
/**
* bootstrap-spacer - v1.0.1 - 2017-07-25
* https://github.com/chigozieorunta/bootstrap-spacer
*
* Copyright (c) 2017 Chigozie Orunta
* Licensed MIT <https://github.com/chigozieorunta/bootstrap-spacer/blob/master/LICENSE>
**/
/* Row Spacers */
.row-spacer, .row-spacer-md {
margin-bottom: 3em ;
}
.row-spacer-xs {
margin-bottom: 0.75em ;
}
.row-spacer-sm {
margin-bottom: 1.5em ;
}
.row-spacer-lg {
margin-bottom: 6em ;
}
/* Column Spacers */
.row-col-spacer > div, .row-col-spacer-md > div {
margin-bottom: 3em ;
}
.row-col-spacer-xs > div {
margin-bottom: 0.75em ;
}
.row-col-spacer-sm > div {
margin-bottom: 1.5em ;
}
.row-col-spacer-lg > div {
margin-bottom: 6em ;
}
.row-col-spacer > div:last-child,
.row-col-spacer-xs > div:last-child,
.row-col-spacer-sm > div:last-child,
.row-col-spacer-md > div:last-child,
.row-col-spacer-lg > div:last-child {
margin-bottom: 0 ;
}
/* Small Devices & Tablets */
@media only screen and (min-width: 768px) {
.row-col-spacer > div,
.row-col-spacer-xs > div,
.row-col-spacer-sm > div,
.row-col-spacer-md > div,
.row-col-spacer-xs > div {
margin-bottom: 0 ;
}
}