/* Table of Contents ================================================== # Map # Alignments # Colors # Media Queries */ /* # Map ================================================== */ .map { background: $color-white; border: 1px solid $color-haze; box-sizing: border-box; display: block; min-height: 220px; min-width:220px; } /* # Alignments ================================================== */ .map-center { margin: 0 auto; } /* # Colors ================================================== */ .map-dark { background: $color-black; border-color: $color-dark-black; } .map-light { background: $color-light-haze; border-color: $color-dark-haze; } /* # Media Queries ================================================== */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .map { border-width: 0.5px; } }