Phunky

Make a mixin instead of nesting

Phunky

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

Phunky

#z::Run www.autohotkey.com

; Swap CMD and CTRL around
LWin::Ctrl

; Select start
^Left::
	Send, {Home}
return

Phunky

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
  <key>author</key>
  <string>Chris Kempson (http://chriskempson.com)</string>
  <key>name</key>
  <string>Base16 Ocean Dark</string>
  <key>semanticClass</key>
  <string>base16.ocean.dark</string>

Phunky

<div class="color">
  <div class="___blue-grey_light4"></div>
  <div class="___blue-grey_light3"></div>
  <div class="___blue-grey_light2"></div>
  <div class="___blue-grey_light1"></div>
  <div class="___blue-grey"></div>
  <div class="___blue-grey_dark1"></div>
  <div class="___blue-grey_dark2"></div>
  <div class="___blue-grey_dark3"></div>
  <div class="___blue-grey_dark4"></div>

Phunky

<?php
  
  // Records
  $Maria->user()->insert(['name'=>'Bobby']);
  $Maria->user(1)->delete();

  $Maria->user(1)->read();
  $Maria->user(1)->update('name', 'bobby');
  

Phunky

<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>

Phunky

<?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;
});

Phunky

<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

Phunky

var Vue = require('vue');
var App =  require('../../components/app.vue');

new Vue(App).$mount('#app')