Skip to content

Instantly share code, notes, and snippets.

@maxkarkowski
maxkarkowski / SassMeister-input.scss
Created Jun 18, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// 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 Aug 29, 2015
retina background images mixxer
View _mixin-retinaBG.scss
// ----
// 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 Apr 24, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
$icon-names: (
user : '\e972',
camera : '\e603',
heart : '\e601',
bubble : '\e96d',
View gist:47bdf5192983cbf74095
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 {
View _function--spacer.scss
/**
Create spacer function
.foo {
padding: spacer(1);
margin: spacer(1.5) 0;
}
compiles to:
View gist:0154d0224288886e48d1
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 Aug 29, 2015
Svg Fix for Firefox when base-tag is set
View svgBasefix.js
jQuery.svgBaseFix = function() {
if ($("base").length) {
var Url = window.location.href;
You can’t perform that action at this time.