Legal Values:
target -> Is the container with css background or contain img child
type -> 'css', 'img'
@author Cristian Ferrari <[email protected]> || @energettico
Cristian Ferrari cristianferrarig
- htttp://www.cristianferrari.com
cristianferrarig
/ Sublime Text Packages.md
Last active
January 26, 2016 10:58
— forked from briangonzalez/gist:2377090
for admin packages use http://wbond.net/sublime_packages/package_control
Synced Side Bar
cristianferrarig
/ Preference.sublime-settings
Last active
December 9, 2015 23:08
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
| { | |
| // Theme and color scheme | |
| "theme": "predawn.sublime-theme", | |
| "color_scheme": "Packages/Predawn/predawn.tmTheme", | |
| "tabs_medium": true, | |
| "predawn_findreplace_small": false, | |
| "predawn_quick_panel_small": true, |
cristianferrarig
/ README.md
Last active
June 18, 2018 07:14
@author Cristian Ferrari <[email protected]> || @energettico
Licensed under WTFPL.
// Usage
cristianferrarig
/ _pems.scss
Last active
December 14, 2015 13:48
— forked from mrdanadams/_pems.scss
PX to EMs conversion in Sass
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* See http://mrdanadams.com/2012/pixel-ems-css-conversion-sass-mixin/ */ | |
| /* Default font size in pixels if not overridden. */ | |
| $baseFontSize: 16px; | |
| /* Remove PX units to prevent sass errors | |
| (inspired by https://gist.github.com/moyarich/3260638) | |
| Ex: $base: remove-px($base); | |
| */ | |
| @function remove-px($target){ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // extract to https://gist.github.com/moyarich/3260638 | |
| @function remove-unit($target){ | |
| $one:1; | |
| @if not unitless($target){ | |
| // Find out the unit of measurement being used | |
| @if (unit($target) == "px"){ $one:1px; } | |
| @elseif (unit($target) == "em"){ $one:1em; } | |
| @elseif (unit($target) == "%" ){ $one:1%; } | |
| // Dividing by the same unit forces sass to return a value with no unit |
cristianferrarig
/ isRetina.css
Last active
December 15, 2015 05:19
Media Query for high pixel ratio devices
// iPhone 4, Opera Mobile 11 and others
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @media | |
| only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
| only screen and (-o-min-device-pixel-ratio: 3/2), | |
| only screen and (min--moz-device-pixel-ratio: 1.5), | |
| only screen and (min-device-pixel-ratio: 1.5) { | |
| // Styles | |
| } |
cristianferrarig
/ isRetina.js
Last active
December 15, 2015 05:59
Add class "retina" in HTML tag for high pixel ratio devices
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // jQuery mode | |
| if (window.devicePixelRatio > 1) { | |
| $('body').addClass('retina'); | |
| } | |
| // Only javascript mode | |
| if (window.devicePixelRatio > 1) { | |
| var elHtml = document.getElementsByTagName('html')[0]; | |
| var atrClass = elHtml.getAttribute('class'); | |
| atrClass = atrClass + ' retina'; |
cristianferrarig
/ miniResponsiveClass.js
Created
March 21, 2013 21:48
Add class for responsive css design without Media Query (is not so good).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var elHtml = document.getElementsByTagName('html')[0], initialClass = elHtml.getAttribute('class'); | |
| function deviceType() { | |
| var deviceType; | |
| if ("devicePixelRatio" in window && window.devicePixelRatio > 1) { deviceType = ' retina'; } | |
| else { deviceType = ' no-retina'; } | |
| return deviceType; | |
| } | |
| function deviceOrientation() { | |
| var deviceOrientation; | |
| if (Math.abs(window.orientation) === 90) { deviceOrientation = ' landscape'; } |
OlderNewer