Phunky

<style>
  .ui-datepicker .md-icon {
    flex: 0 0 auto;
    margin-right: 8px;
    width: 18px;
    height: 18px;
  }
</style>

<style lang="sass" scoped>

Phunky

<style lang="sass" scoped>
  .app {
    position : relative;
    width    : 100vw;
    height   : 100vh;
    margin   : 0 !important;
  }

  .appbar {
    position   : absolute;

Phunky

<style lang="sass" scoped>
  .app {
    position : relative;
    width    : 100vw;
    height   : 100vh;
    margin   : 0 !important;
  }

  .appbar {
    position   : absolute;

Phunky

<style lang="sass" scoped>
  @import '../sass/common';
  @import '../sass/animatecss';

  .ui-modal {
    display: flex;
    justify-content: center;

    position: fixed;
    top: 0;

Phunky

<style lang="sass">
  @import '../sass/common';

  $ct-series-colors: (
    colour('x'),
    colour('y'),
    colour('a'),
    colour('b'),
    colour-darken('x', 10),
    colour-darken('y', 10),

Phunky

import Vuex from 'vuex'
import Vue from 'vue'
import _ from 'lodash'
import store from 'store'
import auth from './auth'
import config         from '../config'

Vue.use(Vuex)

export default new Vuex.Store({

Phunky

import svg     from 'vue-svg-directive'
import sidebar from './v-sidebar.vue'
import items   from './v-sidebar-items.vue'
import item    from './v-sidebar-item.vue'

export default {
  install (Vue, opts) {
    Vue.use(svg, {
      sprites : opts.sprites,
      prefix  : opts.prefix,

Phunky

! function(t) {
    function e(r) {
        if (s[r]) return s[r].exports;
        var i = s[r] = {
            exports: {},
            id: r,
            loaded: !1
        };
        return t[r].call(i.exports, i, i.exports, e), i.loaded = !0, i.exports
    }

Phunky

{
  "name": "vue-modal",
  "version": "0.0.1",
  "description": "Simple modal component",
  "main": "dist/vue-modal.js",
  "scripts": {
    "example": "webpack-dev-server --inline --hot --config build/webpack.example.js --content-base example/",
    "dist": "webpack -p --config build/webpack.dist.js"
  },
  "keywords": [

Phunky

<template>
  <div class="chatter">
    <div class="controls">
      <input type="text" placeholder="Your message..." v-model="message" @keyup.enter="userMessage"/>
      <button @click="userMessage">Send</button>
    </div>
    <div class="messages">
      <div class="message" v-for="message in messages">
        <p>{{ timestamp() }} <strong>{{ message.sender }}</strong>: {{ message.text }}</p>
      </div>