This file contains 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
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
.grid { | |
display:grid; | |
grid-template-columns: 1fr 1fr; | |
height:100vh; | |
} | |
.red { | |
background-color:#ff0000; |
This file contains 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
### Keybase proof | |
I hereby claim: | |
* I am richbradshaw on github. | |
* I am richb (https://keybase.io/richb) on keybase. | |
* I have a public key whose fingerprint is 3657 EB1B DE25 6AF3 15C1 AECB C8EF DB74 D227 A7EF | |
To claim this, I am signing this object: |
This file contains 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
$page_width: 1200px; | |
$cols: 12; | |
$gutter: 20px; | |
$col_width: $page_width / $cols; | |
.row { | |
margin-left: -$gutter; | |
*zoom: 1; | |
} |
This file contains 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
### Keybase proof | |
I hereby claim: | |
* I am richbradshaw on github. | |
* I am richb (https://keybase.io/richb) on keybase. | |
* I have a public key whose fingerprint is BEE4 D560 A1D6 28B9 BF51 95DE 0789 87C8 0EBB 5447 | |
To claim this, I am signing this object: |
This file contains 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
/** | |
* Quarter Circles | |
*/ | |
.main { | |
position:relative; | |
width:200px; | |
height:200px; | |
margin:0 auto; | |
} |
This file contains 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
/** | |
* CSS Background Images | |
*/ | |
.youtubePreview { | |
background:url('http://img.youtube.com/vi/aOPGepdbfpo/0.jpg') center no-repeat; | |
height:204px; | |
width:480px; | |
} |
This file contains 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
/* | |
CSS Variables | |
*/ | |
:root { | |
-webkit-var-bgcolor: green; | |
-moz-var-bgcolor: green; | |
-ms-var-bgcolor: green; | |
-o-var-bgcolor: green; | |
var-bgcolor: green; |
This file contains 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
<?xml version="1.0" encoding="utf-8"?> | |
<xsl:stylesheet | |
version="1.0" | |
xmlns:xsl="http://www.w3.org/1999/XSL/Transform" | |
xmlns:atom="http://www.w3.org/2005/Atom" | |
xmlns:dc="http://purl.org/dc/elements/1.1/" | |
xmlns:flickr="urn:flickr:" | |
xmlns:media="http://search.yahoo.com/mrss/" | |
> | |
<xsl:output method="html" indent="yes"/> |
This file contains 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
.row, #header, #footer, #nav { | |
@extend .clearfix; | |
width:100%; | |
padding:0; | |
margin:0; | |
p, h1, h2, h3, ul, ol, table, .padding { | |
padding:0 10px; | |
} | |
.full_width { | |
width:100%; |
This file contains 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
.PIE { | |
behavior: url("/PIE.htc"); | |
} | |
@mixin box-shadow($top, $left, $blur, $color, $inset:"", $pie:"true") { | |
@if $inset != "" { | |
-webkit-box-shadow:$top $left $blur $color $inset; | |
-moz-box-shadow:$top $left $blur $color $inset; | |
box-shadow:$top $left $blur $color $inset; | |
} |