elishaterada

license: mit

elishaterada

const isBrowser = (typeof window !== 'undefined');

export default isBrowser;

elishaterada

const baseFontSize = 16;

const pxToRem = (px) => {
  const value = px / baseFontSize;
  return `${value}rem`;
};

export default pxToRem;

elishaterada

import { css } from 'react-emotion';

const retinaBackgroundImage = (path) => {
  const extension = path.substring(path.length - 3);
  const file = path.substring(0, path.length - 4);

  return css`
    background-image: url(${file}.${extension});

    @media

elishaterada

import React from 'react';
import PropTypes from 'prop-types';
import { cx, css } from 'react-emotion';

class ClassComponent extends React.Component {
  render() {
    const {
      className,
    } = this.props;

elishaterada

import React from 'react';
import PropTypes from 'prop-types';
import { cx, css } from 'react-emotion';

const FunctionalComponent = ({
  className,
}) => {
  const wrapperStyle = cx(
    css``,
    className,