Skip to content

Instantly share code, notes, and snippets.

@jacobp100
jacobp100 / gist:9248b072319a99821a8d
Created December 13, 2014 17:31
Bootstrap collapsible sidebar
#content {
margin-left: 16em;
}
#sidebarContainer {
position: fixed;
top: 50px;
height: 100%;
width: 16em;
z-index: 1;
<!doctype html>
<meta charset=utf-8>
<title>Carousel</title>
<style>
body {
font: 200 12pt 'Helvetica Neue';
}
/* Fallback indifferent styles */
.carousel .menu li {
display: inline;
@jacobp100
jacobp100 / gist:20bda60c9f5127d95fdb
Created January 20, 2015 20:43
10 Fast Fingers
x=$('#inputfield'),y=setInterval(function(){(z=$('span.highlight')).length?x.val(z.text()).trigger({type:'keyup',which:32}):clearInterval(y)},10)
import gulp from 'gulp';
import sass from 'gulp-sass';
gulp.task('compile-bootstrap', () => (
gulp.src('scss/bootstrap.scss')
.pipe(sass())
.pipe(gulp.dest('styles'))
));
import { camelCase } from 'lodash';
import gulp from 'gulp';
import sass from 'gulp-sass';
import postcss from 'gulp-postcss';
import transformClasses from 'postcss-transform-classes';
import autoprefixer from 'autoprefixer';
const keywordsThatAppearInBootstrap = {
in: '$in',
};
import esCssModules from 'es-css-modules';
gulp.task('compile-css', ['compile-bootstrap'], () => {
return gulp.src('styles/**/*.css')
.pipe(postcss([
esCssModules({
jsFiles: 'src/index.js',
}),
]))
.pipe(gulp.dest('dist'));
import React from 'react';
import classnames from 'classnames';
import {
container, navbar, navbarLight, bgFaded, navbarToggler, hiddenSmUp, collapse, navbarToggleableXs,
navbarBrand, nav, navbarNav, navItem, active, navLink, srOnly, formInline, pullXsRight, btn,
btnSuccessOutline, formControl, jumbotron, btnLg, btnPrimary,
} from '../../styles/bootstrap.m.css';
export default () => (
<div className={container}>
import webpack from 'webpack';
gulp.task('compile-js', ['compile-css'], (cb) => (
webpack({
entry: './src/index',
output: {
path: './dist',
filename: 'index.js',
},
module: {
import cssnano from 'gulp-cssnano';
import esCssModules from 'es-css-modules';
gulp.task('compile-css', ['compile-bootstrap'], () => {
const cssClass = cssClassGenerator();
return gulp.src('styles/**/*.css')
.pipe(postcss([
esCssModules({
jsFiles: 'src/index.js',
const AddCat = ({ handleCatAddition }) => (
<div>
<form method="POST" onSubmit={handleCatAddition}>
<input type="hidden" name="action-creator" value="add-cat" />
<input name="name" />
<input type="number" name="age" />
<select name="gender">
<option value="male">Male</option>
<option value="female">Female</option>
</select>