| .axle_tooltip { | |
| width: 200px; | |
| height: auto; | |
| padding: 10px 40px 20px 20px; | |
| background: rgba(28, 29, 31, 0.6); | |
| background: -moz-linear-gradient(top, rgba(28, 29, 31, 0.6) 0%, #1c1d1f 100%); | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(28, 29, 31, 0.6)), color-stop(100%, #1c1d1f)); | |
| background: -webkit-linear-gradient(top, rgba(28, 29, 31, 0.6) 0%, #1c1d1f 100%); | |
| background-image: -o-linear-gradient(top, rgba(28, 29, 31, 0.6) 0%, #1c1d1f 100%); | |
| border: 2px solid white; |
| /* standard old skool CSS, the land of copy and paste */ | |
| #pageContent {width:954px; } | |
| #pageContent h2 {margin-bottom:6px;font-size:13px;font-family:Arial, Verdana, Helvetica, sans-serif;} | |
| #pageContent h3 {font-size:13px;font-family:Arial, Verdana, Helvetica, sans-serif;} | |
| #pageContent h4 {font-size:13px;font-family:Arial, Verdana, Helvetica, sans-serif;} | |
| #pageContent p {margin:0 0 6px;font-size:11px;} |
| <!doctype html> | |
| <html> | |
| <head> | |
| <!-- Encoding --> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame --> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"></meta> | |
Run the following to create ~/.git-completion.bash:
curl https://raw.github.com/git/git/master/contrib/completion/git-completion.bash > ~/.git-completion.bash
Then add the following to your ~/.bashrc or ~/.bash_profile after PATH:
# Set the base PS1
export PS1="\t: \W$ "
| // We all know how to use mixins, right? | |
| @mixin kung { | |
| background: green; | |
| color: yellow; | |
| } | |
| @mixin foo { | |
| background: orange; | |
| color: red; |
| function showEms() { | |
| var windowWidth = $(window).width(); | |
| var bodyFontSize = $('body').css('font-size'); | |
| var bodyFontSizeWithoutPx = parseInt(bodyFontSize); | |
| var emValue = windowWidth/bodyFontSizeWithoutPx; | |
| $('.screen-width').text(' ' + emValue + 'em'); | |
| } | |
| // or you could do |
| // Caveat, this mixin relies on functions and mixins created in the Stipe library, | |
| // To test the output of this code, please copy and past the Sass into SassMeister.com | |
| // be sure to use the `stipe` library extension | |
| // Let's set some core level defaults, consider using a `config.scss` file | |
| // typography | |
| $font-size: 12; | |
| // colors | |
| $mediumgray: lighten(gray, 0.5); | |
| // design |
| %myclass | |
| color: blue | |
| @media (min-width: 600px) | |
| background: red | |
| @media (min-width: 800px) | |
| font-size: 28px | |
| .class1 | |
| @media (min-width: 600px) | |
| @extend %myclass |
| // Sass v3.2.3 | |
| // Stipe v0.0.5.4/n/n@import "./sass/stipe"; | |
| .block { | |
| width: 80em; | |
| @media #{$mobile} { | |
| width: 100%; | |
| } | |
| } |
| .block { | |
| width: 80em; | |
| @media #{$mobile} { | |
| width: 100%; | |
| } | |
| } | |
| .foo { | |
| background: orange; | |
| @media #{$mobile} { |