drenther

import styled from 'styled-components';

const Main = styled.div`
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  align-content: flex-start;
`;

drenther

/* src/components/Loader.js */

.
.
.

/* line 6 */

const Loader = ({ className }) => (<div className={className}><Loading/></div>)

drenther

/* src/components/Loader.js */


/* line 1 - 39 */

import React from 'react';
import styled, { keyframes } from 'styled-components';

import { getColor } from '../utils/theme'

drenther

/* src/User.js */

.
.
.

/* line 40 - 57 */

export default styled(User)`
  width: 280px;

drenther

/* src/components/Button.js */

import styled, { css } from 'styled-components';

import { getFontSize, getColor } from '../utils/theme';

const Button = styled.button`
  font-size: ${getFontSize('smFont')};
  color: ${getColor('primary')};
  background: ${getColor('light')};

drenther

/* src/components/UserProfile.js */

.
.
.

/* line 74 - 83 */

const Value = styled.span`
  font-size: ${getFontSize('tn')};

drenther

/* src/components/UserProfile.js */

.
.
.

/* line 44 */

const breakPoint = '600px';

drenther

/* src/index.js */

.
.
.

/* line 10 - 32 */

injectGlobal`
  * {

drenther

/* src/App.js */

import styled, { ThemeProvider } from 'styled-components';

.
.
.

import { getUsers } from './utils/apiCalls';
import { invertTheme, getColor } from './utils/theme';

drenther

// traditional Function-based syntax
function Hero(name, specialAbility) {
  // setting property values
  this.name = name;
  this.specialAbility = specialAbility;

  // declaring a method on the object
  this.getDetails = function() {
    return this.name + ' can ' + this.specialAbility;
  };