@charset 'UTF-8'; @import '../_core-constants'; .left { float: left; } .right { float: right; } // additional helper class for shouty text .caps { text-transform: uppercase; } img { border: 0 none; height: auto; max-width: 100%; &.left { margin-right: 0; } &.touch-border { margin-bottom: -3px; } } .accessibility-aid, .off-left { position: absolute; left: -999em; } a.external { @include background-size(.7em .7em); padding-right: .9em; background-image: url('#{$asset-path}external-link-orange.svg'); background-position: 100% top; background-repeat: no-repeat; } .opera-mini a.external, .no-svg a.external { background-image: url('#{$asset-path}external-link-orange.png'); } .text-center, .align-center { text-align: center; } .no-margin { margin: 0; } .no-margin-bottom { margin-bottom: 0; } .no-padding-bottom { padding-bottom: 0; } .pull-left-20 { margin-left: -20px; } .pull-right-20 { margin-right: -20px; } .pull-left-40 { margin-left: -40px; } .pull-right-40 { margin-right: -41px; } .no-border { border: 0; } .link-top { @include font-size (14); clear: both; margin-bottom: 40px; margin-top: -40px; a { background: #fff; margin-right: 10px; margin-top: -17px; padding: 5px; float: right; } } .pull-bottom-right { position: absolute; right: 0; bottom: 0; left: auto; } .box .pull-bottom-right { @include rounded-corners(0 0 4px 0); } .pull-bottom-left { margin-left: -20px; margin-bottom: -21px; } .pull-top-right { margin-left: -20px; margin-top: -21px; } div.box-image-centered span img, div.row-image-centered span img, div.row.row-image-centered span img, img { &.priority-0 { position: absolute; left: -999em; } } .priority-0, .not-for-small { position: absolute; left: -999em; } // responsive video solution .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } & + h3, & + .video-title { margin-top: 20px; } } @media only screen and (max-width : 768px) { .pull-right-40 { margin-right: -30px; } .pull-bottom-right, .pull-bottom-left { position: static; } img.pull-bottom-left { margin-bottom: 0; margin-left: 0; } } // end @media only screen and (max-width : 768px) @media only screen and (min-width : 768px) { div.box-image-centered span img, div.row-image-centered span img, div.row.row-image-centered span img, img { &.priority-0 { position: relative; left: auto; } } .priority-0, .not-for-small { position: relative; left: auto; } .for-mobile, .for-small { position: absolute; left: -999em; } .pull-right { float: right; margin-right: -30px; } img.pull-left { margin-left: -30px; } img.touch-border { float: left; margin-bottom: -30px; } } // end @media only screen and (min-width : 768px) @media only screen and (min-width : 769px) { img.left { margin-right: 20px; } } //@media only screen and (min-width : 769px) @media only screen and (min-width: 984px) { img.touch-border { float: left; margin-bottom: -40px; } img.pull-left { margin-left: -40px; } .pull-right { float: right; margin-right: -40px; } .for-tablet, .for-medium { display: none; } .no-border { border: 0; } } // end @media only screen and (min-width: 984px)