/************************************************************************************
Utility Classes
**************************************************************************************/
@import 'base';
.u-margin-top-xsmall {
margin-top: 6px;
}
.u-margin-bottom-xsmall {
margin-bottom: 6px;
}
.u-margin-top-small {
margin-top: 8px;
}
.u-margin-bottom-small {
margin-bottom: 8px;
}
.u-margin-top {
margin-top: 16px;
}
.u-margin-bottom {
margin-bottom: 16px;
}
.u-margin-top-med {
margin-top: 24px;
}
.u-margin-bottom-med {
margin-bottom: 24px;
}
.u-margin-top-large {
margin-top: 32px;
}
.u-margin-bottom-large {
margin-bottom: 32px;
}
.u-margin-top-xlarge {
margin-top: 48px;
}
.u-margin-bottom-xlarge {
margin-bottom: 48px;
}
.u-margin-top-xxlarge {
margin-top: 60px;
}
.u-margin-bottom-xxlarge {
margin-bottom: 60px;
}
.u-padding-col {
padding-left: 16px; padding-right: 16px;
}
.u-display-block {
display: block;
}
.u-display-inline-block {
display: inline-block;
}
.u-display-table {
display: table; width: 100%;
}
.u-display-table-cell {
display: table-cell; vertical-align: top;
}
.u-align-center {
text-align: center
}
.u-overflow-hidden {
overflow: hidden;
}
.u-oversize-thumbnail {
max-width: 118.5%;
}
.dp-anchor {
position: absolute; top: -$navHeight;
}
.dp-navbar-right {
margin-top: 5px; float: right; @include desktop { margin-top: 0; }
}
@media (max-width: $convertToMobileBreakpoint) {
.dp-anchor { top: -$navHeightMobile; } .dp-navbar-hidden-mobile { display: none; } .dp-navbar-visible-mobile-block { display: block; } .dp-navbar-visible-mobile-inline-block { display: inline-block; } .dp-navbar-visible-mobile-inline { display: inline; }
}