Skip to content

Instantly share code, notes, and snippets.

View xzyfer's full-sized avatar

Michael Mifsud xzyfer

View GitHub Profile
@xzyfer
xzyfer / SassMeister-input.scss
Last active August 29, 2015 14:15
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$breakpoints: (
// This needs to be quoted otherwse only the `(max-width: 900px)`
// is outputted.
"small": "(min-width: 480px) and (max-width: 900px)",
// "small": (min-width: 480px) and (max-width: 900px),
@xzyfer
xzyfer / SassMeister-input.scss
Created January 26, 2015 23:19
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
@mixin vendor($property, $value...){
-webkit-#{$property}:$value;
-moz-#{$property}:$value;
-ms-#{$property}:$value;
-o-#{$property}:$value;
@xzyfer
xzyfer / SassMeister-input.scss
Created January 20, 2015 23:09
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
@mixin qwer(){
background:red;
}
$asdf: qwer;
@xzyfer
xzyfer / gulpfile.js
Last active August 24, 2019 09:05
True incremental sass compilation
var production = process.env.APP_ENV === "test";
var gulp = require('gulp');
var gutil = require('gulp-util');
var sass = require('gulp-sass');
var cssmin = require('gulp-minify-css');
var prefix = require('gulp-autoprefixer');
var newer = require('gulp-newer');
var print = require('gulp-print');
var notify = require('gulp-notify');
var batch = require('gulp-batch');
@xzyfer
xzyfer / SassMeister-input.scss
Created January 7, 2015 21:44
Generated by SassMeister.com.
// ----
// libsass (v3.1.0-beta)
// ----
@mixin addLeft($one, $two){
left : $one + $two;
}
@mixin addTop($one, $two){
top : $one + $two;
@xzyfer
xzyfer / SassMeister-input.scss
Created December 11, 2014 09:22
Generated by SassMeister.com.
// ----
// libsass (v3.0.2)
// ----
// -----
// Setup
// -----
$foo: null;
@xzyfer
xzyfer / SassMeister-input.scss
Created December 11, 2014 09:18
Generated by SassMeister.com.
// ----
// libsass (v3.0.2)
// ----
// -----
// Setup
// -----
@mixin bar() {
baz: null;
@xzyfer
xzyfer / SassMeister-input.scss
Last active August 29, 2015 14:11
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
@function text-contrast($bg-color, $dark-text: $dark-text-color, $light-text: $light-text-color)
{
/*
$bg-brightness: round(red($bg-color) * 0.3) + (green($bg-color) * 0.59) + (blue($bg-color) * 0.11);
*/
@xzyfer
xzyfer / SassMeister-input.scss
Last active August 29, 2015 14:11
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
@function foo($arg1, $arg2:null){
@return $arg1 + $arg2;
}
a {
@xzyfer
xzyfer / SassMeister-input.scss
Created December 9, 2014 13:34
Generated by SassMeister.com.
// ----
// libsass (v3.0.2)
// ----
@function url($src, $path) {
@return unquote('url(' + $src + $path + ')');
}
div {
background: url('image.png','img/');