Skip to content

Instantly share code, notes, and snippets.

@doitmax
doitmax / _blur.scss
Created January 6, 2017 06:50
Blur Filter SASS Mixin
@mixin blur($radius) {
-webkit-filter: blur($radius); /* Chrome, Safari */
-ms-filter: blur($radius); /* IE12? */
filter: url("data:image/svg+xml;utf8,<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"blur\"><feGaussianBlur stdDeviation=\"#{$radius}\" /></filter></svg>#blur"); /* Firefox, Safari, Chrome*/
filter: progid:DXImageTransform.Microsoft.Blur(Strength=$radius); /* IE9 */
filter: blur($radius);
}
@doitmax
doitmax / redux-media-query-replacement.php
Last active March 8, 2016 15:01
Redux CSS Media Query Replacement
if ( ! function_exists( '_compiler_action' ) ) {
function _css_replace_callback( $matches ) {
return '@'.$matches[1].'}';
}
}
if ( ! function_exists( '_compiler_action' ) ) {
function _compiler_action( $options, $css, $changed_values ) {