Jonathan Thomas captainill
captainill
/ _container.scss
Last active
November 20, 2017 21:58
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; |
captainill
/ spacing.scss
Created
October 21, 2017 03:48
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> | |
| * |
captainill
/ gist:b1a255e99c9fa311a656b3585815c98a
Created
February 1, 2017 20:31
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': { |
captainill
/ any-carousel-2
Created
February 1, 2017 20:20
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...' | |
| } | |
| } |
captainill
/ RecipeStore.js
Created
May 14, 2015 22:38
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 = { |
captainill
/ ApplicationStore.js.js
Created
May 14, 2015 22:14
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 = { |
captainill
/ gulp.js
Created
April 28, 2015 21:10
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'); |
captainill
/ account-index.jsx
Last active
August 29, 2015 14:15
— forked from jedireza/account-index.jsx
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