Skip to content

Instantly share code, notes, and snippets.

@cahnory
cahnory / SassMeister-input.scss
Created July 21, 2015 09:53
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
// ASSERT ------------------------------------------------------
/// Call multiple asserts at once
/// @param {*} $value
/// @param {List} $asserts
@cahnory
cahnory / SassMeister-input.scss
Created June 9, 2015 13:11
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
@mixin rgback($color, $alpha: 1, $rest...) {
@if 'color' != type-of($color) or 1 == alpha($color) {
$color: rgba($color, $alpha, $rest...);
}
@cahnory
cahnory / SassMeister-input.scss
Created June 9, 2015 09:10
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
// content for all query modifiers map (name: query)
@mixin vary-query($queries, $none: true) {
$prev: $VARY__OPENED;
// No query modifier
@cahnory
cahnory / StyledComponent.jsx
Last active August 29, 2015 14:21
What I want to style react components
// This code does not work!
// It's just a thought about a way of adding style to a react component
React.createClass({
render: function () {
return (
<div ref="module">
<div ref="title">{ props.user.title }</div>
<div ref="description">{ props.user.description }</div>
</div>
);
@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)
// ----
@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 / 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 / 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 / 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 / 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));
}