Skip to content

Instantly share code, notes, and snippets.

View xzyfer's full-sized avatar

Michael Mifsud xzyfer

View GitHub Profile
@xzyfer
xzyfer / dabblet.css
Created June 13, 2013 02:28
YUI 3.10.3 (build 2fb5187)
/*
YUI 3.10.3 (build 2fb5187)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
div {
@xzyfer
xzyfer / dabblet.css
Created July 10, 2013 07:11 — forked from anonymous/dabblet.css
Untitled
@import url(http://fonts.googleapis.com/css?family=Numans);
* { font-family: 'Numans', sans-serif; }
html {
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
@xzyfer
xzyfer / best-case.css
Last active December 22, 2015 01:09
Optimal CSS preprocessor output
/* flag */
.flag,
.money-back-guarantee {
display: table;
width: 100%;
}
.flag__flag,
.money-back-guarantee .money-back-guarantee__messaging {
padding-left: 30px;
padding-top: 0px;
@xzyfer
xzyfer / test.scss
Created November 14, 2013 20:44
Common SASS list patterns
@import "utils";
// _settings.scss
$colors:
"main" #ccc
"red" #f00,
"green" #0f0,
"blue" #00f,
"white" #fff,
@xzyfer
xzyfer / SassMeister-input.scss
Created January 24, 2014 11:30
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
@function true() {
@return "GLOUBIBOULGA";
}
@function false() {
@xzyfer
xzyfer / SassMeister-input.scss
Created January 24, 2014 13:43
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
$px: 599px;
$em: 49.99em;
@function increment($number) {
@xzyfer
xzyfer / SassMeister-input.scss
Created February 4, 2014 11:40
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
@function global-function($name) {
@return "hello " + $name;
}
@xzyfer
xzyfer / SassMeister-input.scss
Created April 12, 2014 07:29
Generated by SassMeister.com.
// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----
// Hacking made easy
// ---
// A couple of Sass functions
// To ease the pain of dealing
// With special values for IE
@xzyfer
xzyfer / SassMeister-input.scss
Created April 23, 2014 06:14
Generated by SassMeister.com.
// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----
// Returns opposite direction
// Quite similar to the one from Compass
// Rely on Sass 3.3 but could easily be adapted to Sass 3.2
// ---
// @param [list] $directions: list of directions
@xzyfer
xzyfer / SassMeister-input.scss
Created May 19, 2014 21:08
Generated by SassMeister.com.
// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----
// Hacking made easy
// ---
// A couple of Sass functions
// To ease the pain of dealing
// With special values for IE