| // Mixins for: | |
| // • Iterating classes | |
| // • Flexbox, including browser prefixes | |
| // • Gradients, including browser prefixes | |
| // Created by Carl Fairclough | |
| // carlfairclough.me | |
| @mixin iterate-classes($name, $property, $values, $unit: null) { |
| # first enable telnet, and connect | |
| # then you will get a '>' prompt where you want to run the following commands | |
| sh | |
| pidstat -l -C pppd | |
| # see -u (username) and -p (password) in the output |
| !!! | |
| %html | |
| %head | |
| %meta{:charset => "utf-8"} | |
| %meta{:content => "NOODP", :name => "ROBOTS"} | |
| %meta{name: 'viewport', content: 'width=device-width; initial-scale=1.0; maximum-scale=1.0;'} | |
| %title= page_title | |
| = stylesheet_link_tag :application, :media => 'all' | |
| = csrf_meta_tags | |
| %body{:class => body_class} |
| // Nub | |
| /////////////////////////////////////////////////////////////////////////////// | |
| @mixin ui-nub($size: 8px, $position: top-right, $bg-color: #fff, $border-color: rgb(100,100,100)) { | |
| &:before, | |
| &:after { | |
| display: block; | |
| pointer-events: none; | |
| position: absolute; |
When times get tough and people get nasty, you’ll need more than a killer smile. You’ll need a killer contract.
Used by 1000s of designers and developers Clarify what’s expected on both sides Helps build great relationships between you and your clients Plain and simple, no legal jargon Customisable to suit your business Used on countless web projects since 2008
…………………………