Sha256: 9d10c9bbea1bb41d4196f130374ca6f740361035a3c6659d2c8e032fc78dd8db
Contents?: true
Size: 1.91 KB
Versions: 1
Compression:
Stored size: 1.91 KB
Contents
/* Table of Contents ================================================== # Missive # Colors # Media Queries */ /* # Missive ================================================== */ .missive { background: $color-white; border: 1px solid $color-haze; border-radius: 3px; box-sizing: border-box; margin-bottom: 20px; } .missive-icon, .missive-content { box-sizing: border-box; float: left; } .missive-icon { color: $color-haze-dark; font-size: 84px; line-height: 120px; text-align: center; width: 100px; } .missive-content { color: $color-gray-light; padding: 20px 15px 20px 0; width: calc(100% - 100px); } .missive-content { font-size: 14px; line-height: 22px; } .missive-content > p:last-child { margin-bottom: 0; } /* # Colors ================================================== */ .missive-dark { background: $color-black; border-color: $color-black-dark; } .missive-light { background: $color-haze-light; border-color: $color-haze-dark; } .missive-dark .missive-icon { color: $color-black-light; } .missive-dark .missive-content { color: $color-gray-dark; } /* # Media Queries ================================================== */ @media only screen and (min-width: 960px) and (max-width: 1365px) { .missive-icon { font-size: 54px; line-height: 100px; width: 70px; } .missive-content { width: calc(100% - 70px); } } @media only screen and (min-width: 768px) and (max-width: 959px) { .missive-icon { font-size: 34px; line-height: 80px; width: 50px; } .missive-content { width: calc(100% - 50px); } } @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) { .missive { border-width: 0.5px; } }
Version data entries
1 entries across 1 versions & 1 rubygems
Version | Path |
---|---|
active_frontend-10.2.10 | vendor/assets/stylesheets/_missive.scss |