Skip to content

Instantly share code, notes, and snippets.

@cahnory
cahnory / SassMeister-input.scss
Created March 7, 2014 13:21
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
// https://docs.google.com/spreadsheet/ccc?key=0AgFzwMiAdIOfdDdkMVhPazVjMnI4eDdtM19VUzhOSVE&usp=sharing
@function nth-side($value, $n) {
@while length($value) < $n {
$value: append($value, nth($value, floor((length($value) + 1)/2)));
}
@cahnory
cahnory / SassMeister-input.scss
Created August 5, 2014 12:36
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----
// attribute used instead of `class`
$class-attr: 'data-g';
// return attribute selector
@function g($class) {
@cahnory
cahnory / index.html
Created September 15, 2014 07:55
Empty HTML5 doc
<!DOCTYPE html>
<html lang="fr-FR" dir="ltr">
<head>
<title>Untitled HTML5 document</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--[if lt IE 9]><script src="assets/libs/html5shiv/html5shiv-prev3.7.2.js"></script><![endif]-->
<link rel="stylesheet" href="assets/main.css" />
@cahnory
cahnory / package.json
Last active August 29, 2015 14:07
package.json boilerplate
{
"name": "{{name}}",
"version": "0.1.0",
"description": "",
"keywords": [],
"author": {
"name": "François Germain",
"email": "cahnory@gmail.com"
},
@cahnory
cahnory / SassMeister-input.scss
Last active August 29, 2015 14:09
Generated by SassMeister.com.
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
@function map-set($map, $key, $value) {
@return map-merge($map, ($key: $value));
}
@cahnory
cahnory / SassMeister-input.scss
Last active August 29, 2015 14:10
Generated by SassMeister.com.
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
// path e.g. 'c.B'
$z-stack: (
a: 'just a comment', // 8
b: 2, // 7 @warn
c: ( // 4
@cahnory
cahnory / ordering.css
Created January 8, 2015 11:05
Ordering CSS properties
.ordering {
background: black;
color: white;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
text-align: right;
}
@cahnory
cahnory / deferred.jsx
Last active August 29, 2015 14:17
Load and render react component from browser
/*jslint node: true */
'use strict';
var React = require('react');
var loader = require('scriptjs');
module.exports = React.createClass({
propTypes: {
handler: React.PropTypes.string.isRequired,
handlerUrl: React.PropTypes.string,
@cahnory
cahnory / SassMeister-input.scss
Created May 6, 2015 10:15
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
@function chain($value, $functions...) {
@each $function in $functions {
$value: call(nth($function, 1), set-nth($function, 1, $value)...);
}
@cahnory
cahnory / SassMeister-input.scss
Created May 6, 2015 12:20
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----