VinSpee

    case talkPageActionTypes.SHARE_TALK: {
      const service = action.payload.service.toLowerCase();
      sendEvent(
        'talk.share',
        'start',
        service
      );

      share(service, {
        url: getURLFromSlug(action.payload.slug),

VinSpee

state => select.getHero(select.getCurrentTalkID(state))(state);

VinSpee

  <ThemeProvider theme={defaultTheme}>
    <Shed
      component="header"
      c="magenta"
      pl="2"
      mb="1"
    >
      <h1>A header component with the color "magenta" from the theme, 2 units of left-padding, and 1 unit of margin on the bottom.</h1>
    </Shed>
  </ThemeProvider>

VinSpee

const upvotePost = gql`
  mutation addToVotes($question: ID!, $voter: ID!) {
    addToVotes(
      votesQuestionId: $question,
      votersUserId: $voter
    ) {
      votesQuestion {
        id
        content
        voters {

VinSpee

import React from 'react';
import {
  FlexItem,
  Box,
  Text,
} from '../../theme.js';
import Member from '../member/index.js';

const Vertical = ({
  vertical = '',

VinSpee

import ms from 'modularscale';
import styled from 'styled-components';

const sizes = [...Array(20)].reduce((acc, curr, i) => ({
  ...acc,
  [`z${i}`]: `${ms((i - 1), 'major second')}rem`,
  z0: 0,
  [`z${0 - i}`]: `${(ms((0 - (i)), 'major second'))}rem`,
}), {});

VinSpee

import ms from 'modularscale';
import styled from 'styled-components';

const sizes = [...Array(20)].reduce((acc, curr, i) => ({
  ...acc,
  [`z${i}`]: `${ms((i - 1), 'major second')}rem`,
  [`z${0 - i}`]: `${(ms((0 - (i)), 'major second'))}rem`,
}), {});

const defaultTheme = {

VinSpee

VinSpee

  output: {
    path: `${__dirname}/dist`,
    publicPath: '/',
    filename: '[name].min.js',
    library: 'MyComponentName',
    libraryTarget: 'umd',
  },
  externals: {
    'react': {
      root: 'React',

VinSpee

.b {
  border: 1px solid currentColor;
}

.b-b\:scanline {
  &::after {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURf///7+/v6NDdjkAAAAQSURBVAjXY2hgEGBQYHAAAAR4APGA2fwfAAAAAElFTkSuQmCC");
    content: " ";
    display: block;
    height: .5rem;