Hover over the text
A Pen by Sean Dempsey on CodePen.
Hover over the text
A Pen by Sean Dempsey on CodePen.
Converted the CBB logo from png to svg. Grouped everything in illustrator before moving into codepen. Simple CSS animation to rotate the letters.
A Pen by Sean Dempsey on CodePen.
Just a short demo highlighting Codepen's new susy implementation. Still learning "susy" so I thought I'd show everyone how easy susyone is.
A Pen by Sean Dempsey on CodePen.
Inspired by this pen here: http://codepen.io/digsite_/pen/iCJLo Wanted to share a mixin I've been using for a while. Combined with Susy for funsies.
A Pen by Sean Dempsey on CodePen.
// ---- | |
// Sass (v3.4.4) | |
// Compass (v1.0.1) | |
// ---- | |
#scope { | |
.element { | |
color: green; | |
&.modifier { color: red; } | |
} |
{ | |
// JSHint Default Configuration File (as on JSHint website) | |
// See http://jshint.com/docs/ for more details | |
"maxerr" : 50, // {int} Maximum error before stopping | |
// Enforcing | |
"bitwise" : true, // true: Prohibit bitwise operators (&, |, ^, etc.) | |
"camelcase" : false, // true: Identifiers must be in camelCase | |
"curly" : true, // true: Require {} for every new block or scope |
Adding parenthesis to ordered lists ('-' * 35) Just a quick and dirty demo for customizing ordered lists.
A Pen by Sean Dempsey on CodePen.
// ---- | |
// Sass (v3.4.14) | |
// Compass (v1.0.3) | |
// ---- | |
$amt: 15; | |
$sel: ''; | |
@for $i from 1 through 5 { |
// ---- | |
// Sass (v3.4.14) | |
// Compass (v1.0.3) | |
// ---- | |
$amt: 15px; | |
$sel: ''; | |
@for $i from 1 through 5 { |
[ | |
{ | |
"results": { | |
"title": "ZURB Foundation Blueprints", | |
"isbn": 9781849696739, | |
"date": "Feb 2016" | |
} | |
}, | |
{ | |
"results": { |