Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Disable image pixelated for now
- Loading branch information
Showing
with
17 additions
and
7 deletions.
-
+17
−7
framer/Config.coffee
|
@@ -27,12 +27,6 @@ body { |
|
|
-webkit-user-select: none; |
|
|
} |
|
|
|
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
|
.framerLayer { |
|
|
image-rendering: pixelated; |
|
|
} |
|
|
} |
|
|
|
|
|
.framerLayer input, |
|
|
.framerLayer textarea, |
|
|
.framerLayer select, |
|
@@ -51,4 +45,20 @@ body { |
|
|
|
|
|
""" |
|
|
|
|
|
Utils.domComplete -> Utils.insertCSS(FramerCSS) |
|
|
# We only apply this to Safari as Chrome actually pixelates this at 1x, |
|
|
# meaning that all images get really ugly on 2x screens. But for now |
|
|
# this doesn't work on Safari, only tech preview. |
|
|
|
|
|
# https://github.com/motif/company/issues/1642 |
|
|
|
|
|
# FramerCSSSafari = """ |
|
|
# @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
|
# .framerLayer { |
|
|
# image-rendering: pixelated; |
|
|
# } |
|
|
# } |
|
|
# """ |
|
|
|
|
|
Utils.domComplete -> |
|
|
Utils.insertCSS(FramerCSS) |
|
|
# Utils.insertCSS(FramerCSSSafari) if Utils.isSafari() |