stubbornella
/ OOCSS Boxes in SASS
Created
August 8, 2012 22:45
Old IE support for SASS - OOCSS Boxes
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
| $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
/ oocss whitespace in sass
Created
August 10, 2012 00:33
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
| @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
/ 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
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
| #!/bin/bash | |
| ## v1.0.6 | |
| ## this script will gernerate css stats | |
| ### example output | |
| # CSS STATS | |
| # ---------- | |
| # Floats: 132 |
stubbornella
/ dabblet.css
Created
January 7, 2013 00:17
— forked from anonymous/dabblet.css
in a box
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
| /** | |
| * in a box | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; | |
| /* natural motion demos */ | |
| .natural-motion{ |
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
| /** | |
| * in a box | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; | |
| /* natural motion demos */ | |
| .natural-motion{ |
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
| /** | |
| * jared's gradient | |
| */ | |
| font-family: Open Sans; | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; |
stubbornella
/ dabblet.css
Created
January 7, 2013 00:27
— forked from anonymous/dabblet.css
jared's gradient
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
| /** | |
| * 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
/ dabblet.css
Created
February 28, 2013 04:03
— forked from LeaVerou/dabblet.css
CSSConf gradient
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
| /* 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; |
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
| /* 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%, |
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
| /* 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%, |
OlderNewer