@import 'variables';
@mixin tablet-portrait {
@media (min-width: #{$tablet-portrait}) { @content; }
}
@mixin desktop {
@media (min-width: #{$desktop}) { @content; }
}
@mixin desktop-large {
@media (min-width: #{$desktop-large}) { @content; }
}
@mixin mobile-only {
@media (max-width: #{$mobile-only}) { @content; }
}
@mixin list-unstyled {
margin: 0; padding: 0; li { list-style: none; }
}
@mixin hero-owl-dots {
position: absolute; left: 50%; bottom: 0%; -webkit-transform: translate(-50%, -20%); transform: translate(-50%, -20%); .owl-dot { display: inline-block; width: 12px; height: 12px; margin: 5px 7px; border-radius: 20px; background: white; border: 1px solid #999; box-shadow: 0 1px 1px rgba(0,0,0,0.3); opacity: 0.6; &.active { opacity: 1; box-shadow: 0 1px 2px rgba(0,0,0,0.4); } }
}
@mixin dp-content-slot–headers {
color: inherit; line-height: 125%; a, .link-style, a:hover, a:active, a:link, a:visited { color: inherit; text-decoration: none; }
}
@mixin dp-content-slot–header-padding {
padding-bottom: 16px;
}