Bring in some utilities from bootstrap theme

pull/10616/head
Alex P 2018-02-27 20:24:55 -08:00
parent 26f5f282a1
commit 5bc5b24fdd
1 changed files with 62 additions and 0 deletions

View File

@ -13,3 +13,65 @@
.text-center {
text-align: center;
}
// Flexbox Utilities
// ----------------------------------------------------------------------------
.u-flex {
display: flex;
flex-wrap: wrap;
&.u-jc-flex-start { justify-content: flex-start; }
&.u-jc-flex-end { justify-content: flex-end; }
&.u-jc-center { justify-content: center; }
&.u-jc-space-between { justify-content: space-between; }
&.u-jc-space-around { justify-content: space-around; }
&.u-ai-flex-start { align-items: flex-start; }
&.u-ai-flex-end { align-items: flex-end; }
&.u-ai-center { align-items: center; }
&.u-ai-stretch { align-items: stretch; }
&.u-ai-baseline { align-items: baseline; }
&.u-ac-flex-start { align-content: flex-start; }
&.u-ac-flex-end { align-content: flex-end; }
&.u-ac-center { align-content: center; }
&.u-ac-stretch { align-content: stretch; }
&.u-ac-space-between { align-content: space-between; }
&.u-ac-space-around { align-content: space-around; }
}
// Misc. Utilities
// ----------------------------------------------------------------------------
.margin-zero {
margin: 0 !important;
}
.margin-bottom-zero {
margin-bottom: 0 !important;
}
.margin-top-zero {
margin-top: 0 !important;
}
.margin-left-zero {
margin-left: 0 !important;
}
.margin-right-zero {
margin-right: 0 !important;
}
.padding-zero {
padding: 0 !important;
}
.padding-bottom-zero {
padding-bottom: 0 !important;
}
.padding-top-zero {
padding-top: 0 !important;
}
.padding-left-zero {
padding-left: 0 !important;
}
.padding-right-zero {
padding-right: 0 !important;
}