Skip to content

Instantly share code, notes, and snippets.

import React, {Component} from 'react';
import {StyleSheet, css} from 'aphrodite/no-important';
import {colors, breakpoints, fonts, formLoginInput} from '../../css/cssvariables';
class ExampleComponent extends React.Component {
constructor(props) {
super(props);
// cssvariables.jsx
export const colors = {
white : '#fff',
}
export const fonts = {
@aggrenier
aggrenier / .hyper.js
Last active May 5, 2017 15:14
Hyper Sync Setting
// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.
module.exports = {
config: {
// default font size in pixels for all tabs
fontSize: 14,
// font family with optional fallbacks
# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
# editor.onDidSave ->