Jhony0311

# Description #

Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.

Fixes # (tickets)

## Type of change ##

Please delete options that are not relevant.

Jhony0311

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

Jhony0311

image: node:6

pages:
  stage: deploy
  script:
    - npm install
    - npm run build
    - mkdir .public
    - cp -r dist/* .public
    - mv .public public

Jhony0311

var path = require('path');
var webpack = require('webpack');
var autoprefixer = require('autoprefixer');
var CopyWebpackPlugin = require('copy-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
  context: path.resolve(__dirname, 'client'),
  devtool: 'source-map',
  entry: ['./scripts/app.js'],

Jhony0311

var path = require('path');
var webpack = require('webpack');
var autoprefixer = require('autoprefixer');
var CopyWebpackPlugin = require('copy-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
  context: path.resolve(__dirname, 'client'),
  devtool: 'source-map',
  entry: ['webpack/hot/dev-server', './scripts/app.js'],

Jhony0311

// Media query ranges
$small-range: (0em, 40em);
$medium-range: (40.063em, 63.938em);
$large-range: (64em, 89.938em);
$xlarge-range: (90em, 119.938em);
$xxlarge-range: (120em, 99999999em);

// Media query operators
$screen: "only screen";
$landscape: " and (orientation: landscape)";

Jhony0311

'use strict';

var Backbone = require('backbone');
var Marionette = require('backbone.marionette');
var $ = require('jquery');

var templateHelpers = require('../../../common/helpers/HandlebarsHelpers');
var template = require('../templates/PostCardTemplate.hbs');

module.exports = Backbone.Marionette.ItemView.extend({

Jhony0311

@include keyframes(bounce-around) {
    0% {
        transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    }
    100% {
       transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    }
}

Jhony0311

/*global define*/

define([
    'jquery',
    'underscore',
    'backbone',
    'models/YourModel'
], function($, _, Backbone, YourModel) {
    'use strict';

Jhony0311

// Reference:
// http://compass-style.org/help/tutorials/spriting/
// http://compass-style.org/help/tutorials/spriting/customization-options/

// Import Compass utility for sprites
@import 'compass/utilities/sprites';

// Set spacing
$icon-sprite-spacing: 5px;