Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Adam Gallagher</title>
<link rel="stylesheet" href="css/bantam.min.css">
<style>
body {
import React from 'react';
import Search from './Search.react';
import Categories from './Categories.react';
import CloseButton from './CloseButton.react';
const inspectorClasses = [
'posFixTL',
'bg-white',
'borderWidth-0',
import React from 'react';
const closeButtonClasses = [
'posPinTR',
'bg-white',
'borderWidth-0',
'borderRightWidth-1',
'borderBottomWidth-1',
'borderRadiusBottomRight-s',
'borderStyle-solid',
import React from 'react';
const categoriesClasses = [
'position-relative',
'textAlign-center',
].join(' ');
export default function Categories() {
return (
<div className={categoriesClasses}>
Colms-MacBook-Air:state-engine colmtuite$ heroku logs
2016-10-04T03:42:28.054549+00:00 app[web.1]: at Module._compile (module.js:387:25)
2016-10-04T03:42:28.054549+00:00 app[web.1]: at Object.Module._extensions..js (module.js:422:10)
2016-10-04T03:42:28.054550+00:00 app[web.1]: at Module.load (module.js:357:32)
2016-10-04T03:42:28.054550+00:00 app[web.1]: at Function.Module._load (module.js:314:12)
2016-10-04T03:42:28.054551+00:00 app[web.1]: at Function.Module.runMain (module.js:447:10)
2016-10-04T03:42:28.054556+00:00 app[web.1]: at node.js:405:3
2016-10-04T03:42:28.054552+00:00 app[web.1]: at startup (node.js:148:18)
2016-10-04T03:42:28.155892+00:00 heroku[web.1]: State changed from starting to crashed
2016-10-04T03:42:28.141062+00:00 heroku[web.1]: Process exited with status 1
<a class="display-inlineBlock va-middle appearance-none ws-noWrap os-none us-none fw-5 td-none ta-center cursor-pointer tp-all td-s ttf-ease br-m bw-0 js-componentFlatButton height-UIm mw-UIm lh-UIm pl-s pr-s fs-m bs-black--pellucid bs-blue--hover bc-none color-charcoal--hover color-blue">Button</a>
window.button = function () {
$('Button').each(function() {
// Get component variables
var size = $(this).attr('size');
var kind = $(this).attr('kind');
var color = $(this).attr('color');
var value = $(this).attr('value');
var type = $(this).attr('type');
// Define compulsory classes
/* Root styles */
.button {
display: inline-block;
vertical-align: middle;
appearance: none;
white-space: nowrap;
outline-style: none;
user-select: none;
font-weight: 500;
<button class="button button--m button--flat bc-blue color-white">Button</button>
<button class="button button--m button--flat bc-red color-white">Button</button>
<button class="button button--m button--flat bc-green color-white">Button</button>
<div style="display: flex; flex-wrap: wrap; column-count: 2;">
<div>I am on line 1.</div>
<div>I am on line 1.</div>
<div>I am on line 2.</div>
<div>I am on line 2.</div>
</div>