necolas

.a {
  background: red;
}

necolas

:root {
  --margin-MyComponent-part: var(--theme-margin-small);
}

.MyComponent {}

.MyComponent-part {
  margin: var(--margin-MyComponent-part);
}

necolas

var TweetBox = defineComponent(function() {
  this.attributes({
    charLimit: 140
    withGeoControl: false;	
  });

  if (withGeoControl ===  true) {
    // attach to a sub node
    this.child(GeoControl).attachTo('.GeoControl');
  }

necolas

var path = require('path');

/**
 * CSS transform dependencies
 */

var autoprefixer = require('autoprefixer-core');
var calc = require('rework-calc');
var color = require('rework-color-function');
var conformance = require('rework-suit-conformance');

necolas

// Adds custom retweet and delicious buttons to Wordpress template
// Uses bit.ly, delicious, backtype, tweetmeme, and topsy APIs
// Adapted from Backtype Tweetcount plugin
// Nicolas Gallagher / @necolas

function tweet_save($url) {
  global $post;
  $url = '';
  $btype_cnt = null;
  $topsy_cnt = null;

necolas

import ReactWebStyle, {WebComponent} from 'react-web-style';
import React, {PropTypes} from 'react';

import {Text, View} from 'react-web-sdk';

const styles = {
  root: {
    borderColor: 'red',
    padding: '10px',
    position: 'absolute',

necolas

/**
 * HTML5 ✰ Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart

necolas

/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base

necolas

/**
 * Functional and Unit test configuration
 *
 * This configuration file has to work in both Node.js and browser environments.
 * Therefore, this config is a template that is used to build the Intern config
 * used to run the tests. The packages and suites are automatically defined.
 *
 * Learn more about configuring Intern at:
 * https://github.com/theintern/intern/wiki/Configuring-Intern
 */

necolas

import React from 'react';
import styles from './styles.css.js';

class Button extends React.Component{
  render() {
    return (
      <button className={styles.button}>
        <span className={styles.icon} />
        Button
      </button>