69 lines
1.6 KiB
SCSS
69 lines
1.6 KiB
SCSS
|
// Utilities
|
||
|
|
// --------------------------------------------------
|
||
|
|
|
||
|
|
@import "_variables";
|
||
|
|
@import "_mixins";
|
||
|
|
@import "_helpers";
|
||
|
|
|
||
|
|
.u-inner {
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
width: 100%;
|
||
|
|
max-width: $sLayout-width-l;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 0 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-left { float: left; }
|
||
|
|
.u-right { float: right; }
|
||
|
|
|
||
|
|
.u-pa { position: absolute; }
|
||
|
|
.u-pr { position: relative; }
|
||
|
|
.u-ov { overflow: hidden; }
|
||
|
|
.u-iblock { display: inline-block; }
|
||
|
|
|
||
|
|
.u-ilist > li { display: inline-block; }
|
||
|
|
|
||
|
|
.u-malign { vertical-align: middle; }
|
||
|
|
.u-talign { vertical-align: top; }
|
||
|
|
.u-balign { vertical-align: bottom; }
|
||
|
|
|
||
|
|
.u-txt-center { text-align: center; }
|
||
|
|
.u-txt-left { text-align: left; }
|
||
|
|
.u-txt-right { text-align: right; }
|
||
|
|
.u-tupper { text-transform: uppercase; }
|
||
|
|
|
||
|
|
.u-valign::before {
|
||
|
|
content: "";
|
||
|
|
display: inline-block;
|
||
|
|
height: 100%;
|
||
|
|
margin-left: -5px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace-xl { margin-bottom: 60px; }
|
||
|
|
.u-vspace-l { margin-bottom: 40px; }
|
||
|
|
.u-vspace-m { margin-bottom: 25px; }
|
||
|
|
.u-vspace-s { margin-bottom: 12px; }
|
||
|
|
.u-vspace-xs { margin-bottom: 8px; }
|
||
|
|
|
||
|
|
.u-lspace-xl { margin-left: 60px; }
|
||
|
|
.u-lspace-l { margin-left: 40px; }
|
||
|
|
.u-lspace-m { margin-left: 25px; }
|
||
|
|
.u-lspace-s { margin-left: 12px; }
|
||
|
|
.u-lspace-xs { margin-left: 8px; }
|
||
|
|
|
||
|
|
.u-rspace-xl { margin-right: 60px; }
|
||
|
|
.u-rspace-l { margin-right: 40px; }
|
||
|
|
.u-rspace-m { margin-right: 25px; }
|
||
|
|
.u-rspace-s { margin-right: 12px; }
|
||
|
|
.u-rspace-xs { margin-right: 8px; }
|
||
|
|
|
||
|
|
.u-tspace-xl { margin-top: 60px; }
|
||
|
|
.u-tspace-l { margin-top: 40px; }
|
||
|
|
.u-tspace-m { margin-top: 25px; }
|
||
|
|
.u-tspace-s { margin-top: 12px; }
|
||
|
|
.u-tspace-xs { margin-top: 8px; }
|
||
|
|
|
||
|
|
.u-img-circle { border-radius: 50%; }
|