Skip to content

Instantly share code, notes, and snippets.

View stubbornella's full-sized avatar
😀
Building a browser

Nicole Sullivan stubbornella

😀
Building a browser
2.4k followers · 3 following
View GitHub Profile
@stubbornella
stubbornella / OOCSS Boxes in SASS
Created August 8, 2012 22:45
Old IE support for SASS - OOCSS Boxes
$ie-support: 7 !default;
@mixin oobox($ie-corner-tag: false){ // can be any HTML tag including; div, b, span, etc.
.box {
.hd,.bd,.ft{
@include clearfix-me(micro);
}
@if $ie-corner-tag { // this code only ever executes if you want rounded corners in IE<8. Better without.
%corners-and-wrappers {
@stubbornella
stubbornella / oocss whitespace in sass
Created August 10, 2012 00:33
@mixin whitespace($sizes: (5, 10, 20)){ //for now assume this list is always ascending
if length($sizes = 1){
} @else if length($sizes = 2) {
}
$types: (p,m);
$locations: (a, v, h, t, r, b, l);
$key: (p padding, m margin, a, v -top -bottom, h -left -right, t -top, r -right, b -bottom, l -left);
@each $location in $locations {
@stubbornella
stubbornella / css-stats-ack.sh
Created October 1, 2012 22:07 — forked from pjkix/css-stats-ack.sh
shell script to generate some css file statistics
#!/bin/bash
## v1.0.6
## this script will gernerate css stats
### example output
# CSS STATS
# ----------
# Floats: 132
@stubbornella
stubbornella / dabblet.css
Created January 7, 2013 00:17 — forked from anonymous/dabblet.css
in a box
/**
* in a box
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
/* natural motion demos */
.natural-motion{
@stubbornella
stubbornella / dabblet.css
Created January 7, 2013 00:17
in a box
/**
* in a box
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
/* natural motion demos */
.natural-motion{
@stubbornella
stubbornella / dabblet.css
Created January 7, 2013 00:19
jared's gradient
/**
* jared's gradient
*/
font-family: Open Sans;
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@stubbornella
stubbornella / dabblet.css
Created January 7, 2013 00:27 — forked from anonymous/dabblet.css
jared's gradient
/**
* jared's gradient
*/
background-color: #fff;
background-image:-webkit-linear-gradient(0deg,transparent 20px ,#abced4 21px,#abced4 22px, transparent 22px);
background-repeat: repeat;
background-size: 200px;
@stubbornella
stubbornella / dabblet.css
Created February 28, 2013 04:03 — forked from LeaVerou/dabblet.css
CSSConf gradient
/* CSSConf gradient */
height: 100%;
background-color: #96cd23;
background-image: radial-gradient(hsla(330, 50%, 60%,0) 64%, #c69 66%, #c69 75%, hsla(330, 50%, 60%,0) 77%, hsla(48, 100%, 50%,0) 90%, #fc0 92%)/*,
/*radial-gradient(hsla(330, 50%, 60%,0) 64%, #c69 66%, #c69 75%, hsla(330, 50%, 60%,0) 77%, hsla(48, 100%, 50%,0) 90%, #fc0 92%)*/;
background-size: 100px 100px;
background-position: 0 0, 50px 50px;
@stubbornella
stubbornella / dabblet.css
Created March 1, 2013 09:07
CSSConf gradient
/* CSSConf gradient */
height: 100%;
background-color: #96cd23;
background-image: radial-gradient(
hsla(330, 50%, 60%,0) 10%,
#c69 12%,
#c69 18%,
hsla(330, 50%, 60%,0) 20%,
hsla(330, 50%, 60%,0) 44%,
@stubbornella
stubbornella / dabblet.css
Created March 1, 2013 09:07
CSSConf gradient
/* CSSConf gradient */
height: 100%;
background-color: #96cd23;
background-image: radial-gradient(
hsla(330, 50%, 60%,0) 10%,
#c69 12%,
#c69 18%,
hsla(330, 50%, 60%,0) 20%,
hsla(330, 50%, 60%,0) 44%,