Skip to content

Instantly share code, notes, and snippets.

View shaunbent's full-sized avatar

Shaun Bent shaunbent

View GitHub Profile
@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-
@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 / SassMeister-input.scss
Created November 15, 2013 17:41 — forked from kaelig/SassMeister-input.scss
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
// Transform a value into rem
// Assuming baseline is set to 10px on :root/html
@function rem($value, $baseline: 10px) {
@if type-of($value) == list {
$result: ();
$(function(){
$('.site-header') .css({'height': (($(window).height() - 20 ))+'px'});
$(window).resize(function(){
$('.site-header') .css({'height': (( $(window).height() - 20 ))+'px'});
});
});
@shaunbent
shaunbent / SassMeister-input.scss
Created December 15, 2015 08:59
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
@mixin sport-brand($colour: 'black') {
@if $colour == 'white' {
color: #fff;
.no-svg & {
background-position: 0 -30px;
@shaunbent
shaunbent / SassMeister-input.scss
Last active November 27, 2015 16:24
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$gel-grid-1280-toggle-class: 'bp-1280';
$core: true;
$enhanced: true;
$gel-grid-1280-toggle-class: null !default;
@shaunbent
shaunbent / SassMeister-input.scss
Created November 26, 2015 14:26
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$gel-grid-1280-toggle-class: null !default;
$gel-grid-enable--1280-breakpoint: true !default;
@mixin gel-wrap-1280-breakpoint() {
content: '1280 CSS';
@shaunbent
shaunbent / SassMeister-input.scss
Created October 5, 2015 08:35
Generated by SassMeister.com.
// ----
// libsass (v3.3.0-beta2)
// ----
@mixin foo() {
color: red;
@at-root {
.foo #{&} {
background: green;
@shaunbent
shaunbent / SassMeister-input.scss
Created September 2, 2015 06:39
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
// Colour them
$sport-yellow: #ffdf43;
$news-red: #bb1919;
$iplayer-pink: #f54997;
$live-blue: #1169f6;
@shaunbent
shaunbent / SassMeister-input.scss
Last active August 29, 2015 14:26
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
@function map-combine($source, $map) {
@each $key, $value in $map {
$new: ($key: $value);
@if map-has-key($source, $key) {