webpax

    <h2>Workspace</h2>
    <div class="shortcuts">
      <h3>Shortcuts</h3>
      <ul>
        <li><strong>Ctrl++</strong> Increase Font Size</li>
        <li><strong>Ctrl+-</strong> Decrease Font Size</li>
        <li><strong>Ctrl+0</strong> Return to Default </li>
        <li><strong>Ctrl+Shift+H</strong> Hide/Show the Sidebar</li>
        <li><strong>Ctrl+Alt+P</strong> Live Preview</li>
        <li><strong>Ctrl+Shift+C</strong> Live Preview Highlight</li>

webpax

# -*- mode: ruby -*-
# vi: set ft=ruby :

VAGRANTFILE_API_VERSION = "2"

Vagrant.configure(VAGRANTFILE_API_VERSION) do |config|
  config.vm.box = "precise64-2"


  # The url from where the 'config.vm.box' box will be fetched if it

webpax

Contract Killer

The popular open-source contract for web designers and developers by Stuff & Nonsense

• Originally published: 23/12/2008
• Revised date: 15/12/2013
• Original post

---

webpax

// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

    $lightgray: #fafafa;
    $darkgray: #131313;
    
  .nav {
    background: #darkgray;

webpax

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

// what we want to generate 
//  .msg:nth-of-type(1) {
//    -webkit-animation-delay: 0;
//  }
$ad-screen-count: 5;

webpax

<div class="color red"></div>
<div class="color orange"></div>
<div class="color yellow"></div>
<div class="color green"></div>
<div class="color blue"></div>

webpax

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

webpax

/* ------------------------------------
Gravity Forms
---------------------------------------*/

.gform_wrapper ul { padding-left: 0; list-style: none }

.gform_wrapper li { margin-bottom: 15px }

.gform_wrapper form { margin-bottom: 0 }

webpax

Single Element Box

Playing around with :before and :after to create a singe element box. Flaps are created using box-shadow.

A Pen by Amy on CodePen.

License.