groupInfo expandAfterMode 0 groupName Sass snippetsTE2 abbreviation sass:mixin:retina abbreviationMode 1 creationDate 2013-07-16T22:17:16Z flags 0 label Mixin: Hi-DPI (Retina) web typography modificationDate 2013-07-16T22:21:03Z plainText // Hi-DPI (Retina) web typography @mixin retina($ratio: 1.5) { $dpi: $ratio * 96; $opera-ratio: $ratio * 100; @media only screen and (-webkit-min-device-pixel-ratio: #{$ratio}), only screen and ( -o-min-device-pixel-ratio: '#{$opera-ratio}/100'), only screen and ( min-resolution: #{$dpi}dpi), only screen and ( min-resolution: #{$ratio}dppx) { @content; } } /* // Usage example: @import "retina"; .body-text { font-weight: normal; @include retina { font-weight: 300; } } */ snippetType 0 useCount 0 uuidString ED8E722F-4E19-4AF0-BB83-63449CEA4879