cahnory

// 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

// ----
// 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

// ----
// 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

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

// ASSERT ------------------------------------------------------

/// Call multiple asserts at once
/// @param {*} $value
/// @param {List} $asserts

cahnory

// ----
// libsass (v3.2.5)
// ----

@function foo($arg1, $arg2) {
  @return type-of($arg1), type-of($arg2);
}

foo {
  foo: call('foo', (arg1, arg2)...);

cahnory

// ----
// libsass (v3.2.5)
// ----

@mixin hold-once($name) {
  // if placeholder not in declared ones
  @if not index($PLACEHOLDER__DECLARED, $name) {
    // set placeholder as declared
    $PLACEHOLDER__DECLARED: append($PLACEHOLDER__DECLARED, $name)!global;
    

cahnory

<div class="arrow">
  dsdasa
</div>

cahnory

// Assert example
// https://bitbucket.org/cahnory/integrate-css/src/c9c8df11cddf/libs/assert/
$color:           assert($color,       (type: 'color',  default: #333));
$font-size:       assert($font-size,   (type: 'number', default: 14));
$line-height:     assert($line-height, (type: 'number', default: 1.35));
$font-family:     assert($font-family, (default: (Arial, sans-serif)));

$age: assert($age, (type: 'number', gte: 18));

cahnory

/**
 * Embed buttons
 */
body {
	background: #3a3f48;
}
.button {
	background: linear-gradient(#525866, #292C33);
	border: none;
	border-radius: 4px;

cahnory

/**
 * The first commented line is your dabblet’s title
 */
.button {
	background: #EEE;
	border: 1px solid #DDD;
	border-bottom: 2px solid #BBB;
	border-radius: 2px;
	background: linear-gradient(90deg, #DDD, #EEE);
	box-shadow: inset 0 1px #F8F8F8, inset 0 0 0 1px rgba(255,255,255,.2),0 2px 2px -1px rgba(0,0,0,.6);