This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.container { | |
width: 100%; | |
margin: 0 auto; | |
position: relative; | |
@include from($desktop) { | |
max-width: $desktop - (2 * $gap); | |
width: $desktop - (2 * $gap) ; | |
&.is-fluid { | |
margin-left: $gap; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ========================================================================== | |
Spacing-specific utilities | |
========================================================================== */ | |
/** | |
* Used to adjust the default spacing between components | |
* Use with great care! | |
* | |
* u-<type><direction><size> | |
* |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//psudeo code | |
var items = { | |
'ruby': { | |
name: 'Ruby', | |
url: '/assets/images...', | |
workfloadType: 'container', | |
sentenceAlias: 'Containerized Ruby' | |
}, | |
'aws': { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var items = { | |
'ruby': { | |
name: 'Ruby', | |
url: '/assets/images...', | |
workfloadType: 'container', | |
sentenceAlias: 'Containerized Ruby' | |
}, | |
'aws': { | |
name: 'AWS', | |
url: '/assets/images...' |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var items = { | |
'ruby': { | |
name: 'Ruby', | |
url: '/assets/images...' | |
}, | |
'aws': { | |
name: 'AWS', | |
url: '/assets/images...' | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* | |
* | |
*/ | |
import BaseStore from 'fluxible/addons/BaseStore'; | |
class RecipeStore extends BaseStore{ | |
static handlers = { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* | |
* | |
*/ | |
import BaseStore from 'fluxible/addons/BaseStore'; | |
class ApplicationStore extends BaseStore{ | |
static handlers = { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var path = require('path'); | |
var gulp = require('gulp'); | |
var argv = require('yargs').argv; | |
var sass = require('gulp-sass'); | |
var gutil = require('gulp-util'); | |
var bless = require('gulp-bless'); | |
var insert = require('gulp-insert'); | |
var concat = require('gulp-concat'); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* global window */ | |
var React = require('react/addons'); | |
var ReactRouter = require('react-router'); | |
var Routes = require('./Routes.react'); | |
var MeStore = require('../../stores/Me'); | |
var MeActions = require('../../actions/Me'); | |
var RedirectActions = require('../../actions/Redirect'); | |
var HistoryLocation = ReactRouter.HistoryLocation; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Contexts | |
Summary: | |
adds `this.context` which you can think of as implicit props, which are passed automatically down the //ownership// hierarchy. | |
Contexts should be used sparingly, since they essentially allow components to communicate with descendants (in the ownership sense, not parenthood sense), which is not usually a good idea. You probably would only use contexts in places where you'd normally use a global, but contexts allow you to override them for certain view subtrees which you can't do with globals. | |
The context starts out `null`: | |
var RootComponent = React.createClass({ | |
render: function() { |
NewerOlder