Mark Harwood Phunky
Phunky
/ gist:0229d371c9459d82cc21
Created
February 24, 2016 11:41
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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({ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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
/ ui-modal.vue
Created
February 17, 2016 09:11
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style lang="sass" scoped> | |
| @import '../sass/common'; | |
| @import '../sass/animatecss'; | |
| .ui-modal { | |
| display: flex; | |
| justify-content: center; | |
| position: fixed; | |
| top: 0; |
Phunky
/ app.vue
Last active
October 30, 2017 11:14
Example video: https://www.dropbox.com/s/95b7i6cm5b3xoie/vue-sidebar-demo.mp4?dl=0
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style lang="sass" scoped> | |
| .app { | |
| position : relative; | |
| width : 100vw; | |
| height : 100vh; | |
| margin : 0 !important; | |
| } | |
| .appbar { | |
| position : absolute; |
Phunky
/ app.vue
Created
February 16, 2016 23:00
Example: https://www.dropbox.com/s/95b7i6cm5b3xoie/vue-sidebar-demo.mp4?dl=0
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style lang="sass" scoped> | |
| .app { | |
| position : relative; | |
| width : 100vw; | |
| height : 100vh; | |
| margin : 0 !important; | |
| } | |
| .appbar { | |
| position : absolute; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style> | |
| .ui-datepicker .md-icon { | |
| flex: 0 0 auto; | |
| margin-right: 8px; | |
| width: 18px; | |
| height: 18px; | |
| } | |
| </style> | |
| <style lang="sass" scoped> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var Vue = require('vue'); | |
| var App = require('../../components/app.vue'); | |
| new Vue(App).$mount('#app') |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h1>Example</h1> | |
| <div class="colours"><div class="colour"><div class="base l4">base lighter #4</div><div class="base l3">base lighter #3</div><div class="base l2">base lighter #2</div><div class="base l1">base lighter #1</div><div class="base">base</div><div class="base d1">base darker #1</div><div class="base d2">base darker #2</div><div class="base d3">base darker #3</div><div class="base d4">base darker #4</div></div><div class="colour"><div class="mobilleo l4">mobilleo lighter #4</div><div class="mobilleo l3">mobilleo lighter #3</div><div class="mobilleo l2">mobilleo lighter #2</div><div class="mobilleo l1">mobilleo lighter #1</div><div class="mobilleo">mobilleo</div><div class="mobilleo d1">mobilleo darker #1</div><div class="mobilleo d2">mobilleo darker #2</div><div class="mobilleo d3">mobilleo darker #3</div><div class="mobilleo d4">mobilleo darker #4</div></div><div class="colour"><div class="x l4">x lighter #4</div><div class="x l3">x lighter #3</div><div class="x l2">x lighter #2</div><div class="x |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| // Middleware for all requests | |
| $app->add(function ($request, $response, $next) use ($container) { | |
| if ($request->hasHeader('HTTP_X_PJAX')) { | |
| // Here is where I would like to define an arg that can | |
| // be passed down to my views for all requests | |
| } | |
| $response = $next($request, $response); | |
| return $response; | |
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a class="ui-btn" href="#">Button</a> | |
| <br/><br/> | |
| <div class="ui-btn-group"> | |
| <a data-trigger="uiBtnGroupToggle" class="ui-btn"><i class="icon-align-left"></i> Left</a> | |
| <a data-trigger="uiBtnGroupToggle" class="ui-btn"><i class="icon-align-center"></i> Center</a> | |
| <a data-trigger="uiBtnGroupToggle" class="ui-btn"><i class="icon-align-right"></i> Right</a> | |
| </div> |