Skip to content

Instantly share code, notes, and snippets.

View bbbrrriiiaaannn's full-sized avatar

Brian S bbbrrriiiaaannn

View GitHub Profile
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.node {
font: 300 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
fill: #bbb;
}
.node:hover {
@bbbrrriiiaaannn
bbbrrriiiaaannn / SassMeister-input.sass
Created April 18, 2014 22:15
Generated by SassMeister.com.
// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----
$shopListCellWidth: 220px
$shopListCellMargin: 30px
@mixin browserLacks($prop)
.wsi-no-#{$prop} &
@bbbrrriiiaaannn
bbbrrriiiaaannn / SassMeister-input.sass
Created May 13, 2014 15:08
Generated by SassMeister.com.
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
$hiDpiSuffix: '-2x' !default
=hidpi($backgroundImageUri, $backgroundProps)
$hiDpiBackgroundImageUri: str-insert($backgroundImageUri, $hiDpiSuffix, str-index($backgroundImageUri,'.'))
background: $backgroundProps
@bbbrrriiiaaannn
bbbrrriiiaaannn / SassMeister-input-HTML.html
Created June 16, 2014 21:36
Generated by SassMeister.com.
<input placeholder="placeheld" />
@bbbrrriiiaaannn
bbbrrriiiaaannn / SassMeister-input-HTML.html
Created June 16, 2014 21:38
Generated by SassMeister.com.
<input placeholder="placeheld" />
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
div {
margin-top: 40px;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
.scroller {
position: relative;
}
@bbbrrriiiaaannn
bbbrrriiiaaannn / Auto Refresh CSS Bookmarklet
Created February 23, 2010 01:11
Bookmarklets for CSS authors: these will refresh your CSS without reloading the page.
javascript:(function(){setInterval(function(){var%20i,a,s;a=document.getElementsByTagName('link');for(i=0;%20i<a.length;%20i++){s=a[i];if(s.rel.toLowerCase().indexOf('stylesheet')>=0&&s.href){var%20h=s.href.replace(/(&|\?)forceReload\=\d+/,'');s.href=h+(h.indexOf('?')>=0?'&':'?')+'forceReload='+(new%20Date().valueOf())}}},3000)})()
@bbbrrriiiaaannn
bbbrrriiiaaannn / SassMeister-input-HTML.html
Created September 21, 2015 21:30
Generated by SassMeister.com.
<br><br><br><br>
<div class="wrapper">
<div class="scroll">
1<br>2<br>3<br>4<br>5<br>
</div>
</div>
@bbbrrriiiaaannn
bbbrrriiiaaannn / toxic.css
Created April 29, 2011 01:07
Toxic HTML attributes - Find and quarantine inline styles and other worst-practices in your markup
@-webkit-keyframes toxic {
from { background-color: rgba(116,154,2,.6); -webkit-box-shadow: 0 0 6px 2px rgb(116,154,2); }
to { background-color: rgba(145,189,9,.6); -webkit-box-shadow: 0 0 12px 2px rgb(145, 189, 9); }
}
[style],
img[title] {
-webkit-animation: toxic .8s cubic-bezier(.50, 0, .50, 1) 0 infinite alternate !important;
}