fidel95

<div class="max-w-2xl mx-auto p-8">
  <h2 class="sm:text-lg sm:leading-snug font-semibold tracking-wide uppercase text-fuchsia-500">Introducing</h2>
  <p class="text-5xl lg:text-6xl leading-none font-extrabold text-gray-900">Tailwind Stories</p>
  <ul class="flex space-x-6">
    <li class="flex flex-col items-center space-y-1">
      <div class="relative bg-gradient-to-tr from-yellow-400 to-fuchsia-600 p-1 rounded-full">
        <a class="block bg-white p-1 rounded-full transform transition hover:-rotate-6" href="#">
          <img class="h-24 w-24 rounded-full" src="https://placekitten.com/200/200" alt="cat" class="" />
        </a>
        <button class="absolute bottom-0 right-1 bg-blue-500 h-8 w-8 rounded-full text-white text-2xl font-semibold border-4 border-white flex justify-center items-center font-mono hover:bg-blue-700">+</button>

fidel95

import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App.jsx';
import bulma from 'bulma';

// using an ES6 transpiler, like babel
import { Router, Route, browserHistory } from 'react-router';


const Home = React.createClass({

fidel95

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const HtmlWebpackPluginConfig = new HtmlWebpackPlugin({
    template: './src/index.html',
    filename: 'index.html',
    inject: 'body'
})

module.exports = {
    entry: './src/index.js',

fidel95

[144] ./src/index.js 2.69 kB {0} [built]
  [318] ./~/bulma/css/bulma.css 371 bytes {0} [built] [failed] [1 error]
     + 317 hidden modules

ERROR in ./~/bulma/css/bulma.css
Module parse failed: /Users/**/Desktop/javascript/react-webpack/node_modules/bulma/css/bulma.css Unexpected character '@' (2:0)
You may need an appropriate loader to handle this file type.
| /*! bulma.io v0.4.0 | MIT License | github.com/jgthms/bulma */
| @-webkit-keyframes spinAround {
|   from {

fidel95

Hi
Hola