Skip to content

Instantly share code, notes, and snippets.

@maxkarkowski
maxkarkowski / SassMeister-input.scss
Created June 18, 2015 09:05
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
$images-base-path: 'test/';
@mixin retinaBg($path) {
background-image: url($images-base-path + $path +'.png');
@maxkarkowski
maxkarkowski / _mixin-retinaBG.scss
Last active August 29, 2015 14:20
retina background images mixxer
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
$images-base-path: 'test/';
@mixin retinaBg($path, $width, $height, $type:'png') {
background-image: url($images-base-path + $path + '.' + $type);
@maxkarkowski
maxkarkowski / SassMeister-input.scss
Created April 24, 2015 07:42
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
$icon-names: (
user : '\e972',
camera : '\e603',
heart : '\e601',
bubble : '\e96d',
html {
font-size: 62.5%; /* sets the base font to 10px for easier math */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
body {
@maxkarkowski
maxkarkowski / _function--spacer.scss
Last active August 29, 2015 14:18
spacer Function
/**
Create spacer function
.foo {
padding: spacer(1);
margin: spacer(1.5) 0;
}
compiles to:
@maxkarkowski
maxkarkowski / gist:0154d0224288886e48d1
Created January 2, 2015 07:56
backgriund animation
background: linear-gradient(214deg, #18d5a4, #d55418, #6c55ec, #ece955, #ec55e0);
background-size: 1000% 1000%;
-webkit-animation: AnimationName 60s ease infinite;
-moz-animation: AnimationName 60s ease infinite;
-o-animation: AnimationName 60s ease infinite;
animation: AnimationName 60s ease infinite;
@-webkit-keyframes AnimationName {
0%{background-position:52% 0%}
50%{background-position:49% 100%}
100%{background-position:52% 0%}
@maxkarkowski
maxkarkowski / svgBasefix.js
Last active August 29, 2015 14:05
Svg Fix for Firefox when base-tag is set
jQuery.svgBaseFix = function() {
if ($("base").length) {
var Url = window.location.href;