Playing around with :before and :after to create a singe element box. Flaps are created using box-shadow.
Amy webpax
webpax
/ gravity-forms_bootstrap
Created
November 13, 2013 06:16
— forked from DevinWalker/gravity-forms_bootstrap
This file contains hidden or 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
| /* ------------------------------------ | |
| Gravity Forms | |
| ---------------------------------------*/ | |
| .gform_wrapper ul { padding-left: 0; list-style: none } | |
| .gform_wrapper li { margin-bottom: 15px } | |
| .gform_wrapper form { margin-bottom: 0 } |
This file contains hidden or 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
| <div class="box"></div> | |
| <div class="box"></div> | |
| <div class="box"></div> | |
| <div class="box"></div> | |
| <div class="box"></div> |
webpax
/ SassMeister-input-HTML.html
Last active
August 29, 2015 14:12
Generated by SassMeister.com.
This file contains hidden or 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
| <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> |
This file contains hidden or 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
| // ---- | |
| // 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; |
This file contains hidden or 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
| // ---- | |
| // Sass (v3.4.9) | |
| // Compass (v1.0.1) | |
| // ---- | |
| $lightgray: #fafafa; | |
| $darkgray: #131313; | |
| .nav { | |
| background: #darkgray; |
webpax
/ Contract Killer 3.md
Last active
August 29, 2015 14:16
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
/ Vagrantfile
Last active
August 29, 2015 14:16
— forked from bergantine/Vagrantfile
This file contains hidden or 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
| # -*- 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
/ shortcut1.html
Last active
August 29, 2015 14:16
— forked from lisacatalano/shortcut1.html
This file contains hidden or 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
| <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> |