Skip to content

Instantly share code, notes, and snippets.

View shaunbent's full-sized avatar

Shaun Bent shaunbent

View GitHub Profile
@shaunbent
shaunbent / box-sizing.scss
Created July 5, 2016 07:01
ORB Boxing Reset
/**
* If you have enable `box-sizing: border-box;` globally on your project you will need
* to reset this for ORB which still uses `box-sizing: content-box;`
*/
#blq-global,
#orb-banner,
#orb-footer {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
@shaunbent
shaunbent / 12-col-1008.js
Last active January 27, 2017 11:54
GEL Grid Bookmarklets
// Save the following as bookmark in your browser
javascript:(function(){if(document.getElementsByClassName("gel-grid-overlay").length){document.getElementsByClassName("gel-grid-overlay")[0].remove()}var e="<div class=\"gel-grid-overlay__grid\"><div class=\"gel-grid-overlay__margin\" style=\"left: 0;\"></div>";for(i=0;i<12;i++){e+="<div class=\"gel-grid-overlay__column\"><div class=\"gel-grid-overlay__column-fill\"></div></div>"}e+="<div class=\"gel-grid-overlay__margin\" style=\"right: 0;\"></div>";e+="</div>";var t=document.createElement("div");t.className="gel-grid-overlay";t.innerHTML=e;var n=document.createElement("style");n.innerHTML=".gel-grid-overlay * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;);}.gel-grid-overlay {z-index: 2147483647; position: fixed; height: 100%; width: 100%; left: 0; top: 0;}.gel-grid-overlay__grid {position: relative; width: 100%; height: 100%; max-width: 1008px; margin: 0 auto; padding: 0 4px;}.gel-grid-overlay__column {display: inline-