Skip to content

Instantly share code, notes, and snippets.

Matt Stone nandastone

View GitHub Profile
nandastone / AppHeader.js
Last active Mar 23, 2018
Example testing component with Redux connected sub-components
View AppHeader.js
import React from 'react'
import { actionCreator } from 'store/ui'
import { Link } from 'react-router-dom'
export const AppHeader = ({ username, actions }) => {
return (
<header className='c-AppHeader'>
<aside className='c-AppHeader__brand'>
<Link to='/' className='site-logo'>
<Image fluid src={logo} alt='Rio Tinto logo' />
nandastone /
Last active Oct 1, 2018
Vaishnava Calendar Locations

Cairo, Egypt

Timezone: Africa/Cairo
Location created:
Events created:

Lagos, Nigeria

Timezone: Africa/Lagos
Location created:

View Bootstrap responsive typography
// _vars.scss
$font-size-base: 16px;
$font-size-h1: 42px; // .alpha
$font-size-h2: 30px; // .bravo
$font-size-h3: 25px; // .charlie
$font-size-h4: 19px; // .delta
$font-size-h5: 16px; // .echo
$font-size-base-desktop: 20px;
$font-size-h1-desktop: 100px;
View gist:c0fa9119520e08554ace
.content-panel {
&:before, &:after {
content: "";
position: absolute;
top: 0; bottom: 0;
// needs background from --*colour* modifier
background: white;
width: 9999px;
View gist:f4ab9fcfe7fad31c2e67

regex search: [^\x00-\x7F]

You can’t perform that action at this time.