magicspon

/*
	BEFORE
*/

import React, { Component } from 'react'

export const Icon = props => (
  <div className={`icon icon--${props.icon}`}>
		<svg>

magicspon

import gulp from 'gulp'
import rollup from 'rollup-stream'
import babel from 'rollup-plugin-babel'
import eslint from 'rollup-plugin-eslint'
import resolve from 'rollup-plugin-node-resolve'
import commonjs from 'rollup-plugin-commonjs'
import replace from 'rollup-plugin-replace'
import uglify from 'rollup-plugin-uglify'
import config from '../config'
import source from 'vinyl-source-stream'

magicspon

import raf from 'raf';
import Concert from 'concert';

export default class Viewport {
    constructor(opts = {}) {
        this.window = window;
        this.current = this.initialQuery;
        const { width, height } = this.getDimensions();
        this.width = width;
        this.height = height;

magicspon

import Barba from 'barba.js';
import mud from '../loader/behaviour';
import events from '../helpers/events';
import { transitionEnd, css3 } from '../helpers/prefix';
import Tweezer from 'tweezer.js';

export const views = () => {

	const heroClassName = 'is-page-with-hero';
	const heroWithOutClassName = 'is-page-without-hero';

magicspon

@mixin side__panel($b: side, $e: panel, $m: alert) {
	$selector: $b;
	@if $e != false {
		$selector: #{$selector}__#{$e};
	}
	@if $m != false {
		$selector: #{$selector}--#{$m};
	}

	.#{$selector} {

magicspon

<h1>I'm text yeah</h1>

magicspon

<div class="line"></div>

magicspon

<div class="test"></div>

magicspon

<h1>I'm text yeah</h1>

magicspon

<div class="test"></div>