Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Merge branch 'feature/retina' into v5.1.0

  • Loading branch information...
commit af1ef1a9dadf996c0d2398ac282b0d9eea0e3bf8 2 parents 3800e62 + 535cc7f
@csswizardry authored
Showing with 21 additions and 0 deletions.
  1. +21 −0 generic/_mixins.scss
View
21 generic/_mixins.scss
@@ -115,6 +115,27 @@
/**
+ * Media query for targetting retina devices, e.g.:
+ *
+ .foo{
+ background-image:url(1x.png);
+ @include retina(){
+ background-image:url(2x.png);
+ }
+ }
+ *
+ */
+@mixin retina{
+ @media print,
+ (-webkit-min-device-pixel-ratio:1.25),
+ (-o-min-device-pixel-ratio:5/4),
+ (min-resolution:120dpi){
+ @content;
+ }
+}
+
+
+/**
* CSS arrows!!! But... before you read on, you might want to grab a coffee...
*
* This mixin creates a CSS arrow on a given element. We can have the arrow
Please sign in to comment.
Something went wrong with that request. Please try again.