Pens from Zoe Gillenwater https://codepen.io/zomigi/ en nospam@codepen.io Copyright 2024 2016-12-15T05:39:20-07:00 overriding button vertical centering https://codepen.io/zomigi/pen/XNyRdx https://codepen.io/zomigi/pen/XNyRdx Zoe Gillenwater

See the Code - See it Full Page - See Details

]]>
overriding button vertical centering 2016-12-15T05:39:20-07:00
CSS columns bug in Chrome Windows https://codepen.io/zomigi/pen/ZBaJjJ https://codepen.io/zomigi/pen/ZBaJjJ Zoe Gillenwater

See the Code - See it Full Page - See Details

]]>
CSS columns bug in Chrome Windows 2016-11-30T13:00:35-07:00
I hate CSS columns https://codepen.io/zomigi/pen/QGgJbL https://codepen.io/zomigi/pen/QGgJbL Zoe Gillenwater

See the Code - See it Full Page - See Details

]]>
I hate CSS columns 2016-11-25T14:40:05-07:00
#SASS-Mixins# one-of-n-siblings(){} https://codepen.io/zomigi/pen/mrREyz https://codepen.io/zomigi/pen/mrREyz Zoe Gillenwater

See the Code - See it Full Page - See Details

Inspired by this article : http://alistapart.com/article/quantity-queries-for-css/login-return I edited it to iterate over the arguments list, to make :nth-child(n+5):nth-child(-n+6) selectors. as highlighted by @gunnarbittersmann : https://twitter.com/g16n/status/558536691162828800

]]>
#SASS-Mixins# one-of-n-siblings(){} 2016-09-22T04:52:47-07:00
flex-basis on inputs https://codepen.io/zomigi/pen/WxqgdY https://codepen.io/zomigi/pen/WxqgdY Zoe Gillenwater

See the Code - See it Full Page - See Details

]]>
flex-basis on inputs 2016-08-29T04:29:17-07:00
Pure CSS off-canvas menu with flexbox https://codepen.io/zomigi/pen/PzVvQp https://codepen.io/zomigi/pen/PzVvQp Zoe Gillenwater

See the Code - See it Full Page - See Details

Flexbox allows the content area to resize to fit the remaining space in the viewport when the menu becomes visible and takes up a chunk of the width. Forked from [Oliver Knoblich](http://codepen.io/oknoblich/)'s Pen [Pure CSS Off Canvas Menu](http://codepen.io/oknoblich/pen/AozbI/).

]]>
Pure CSS off-canvas menu with flexbox 2016-08-15T20:21:18-07:00
Pure CSS responsive flexbox nav https://codepen.io/zomigi/pen/vKjbbY https://codepen.io/zomigi/pen/vKjbbY Zoe Gillenwater

See the Code - See it Full Page - See Details

Flexbox allows the content area to resize to fit the remaining space in the viewport when the menu becomes visible and takes up a chunk of the width. Forked from [Oliver Knoblich](http://codepen.io/oknoblich/)'s Pen [Pure CSS Off Canvas Menu](http://codepen.io/oknoblich/pen/AozbI/).

]]>
Pure CSS responsive flexbox nav 2016-07-25T21:34:35-07:00
A Pen by Zoe Gillenwater https://codepen.io/zomigi/pen/EyLOVM https://codepen.io/zomigi/pen/EyLOVM Zoe Gillenwater

See the Code - See it Full Page - See Details

]]>
A Pen by Zoe Gillenwater 2016-07-25T17:36:15-07:00
Pure CSS off-canvas menu with flexbox https://codepen.io/zomigi/pen/WxzOja https://codepen.io/zomigi/pen/WxzOja Zoe Gillenwater

See the Code - See it Full Page - See Details

Flexbox allows the content area to resize to fit the remaining space in the viewport when the menu becomes visible and takes up a chunk of the width. Forked from [Oliver Knoblich](http://codepen.io/oknoblich/)'s Pen [Pure CSS Off Canvas Menu](http://codepen.io/oknoblich/pen/AozbI/).

]]>
Pure CSS off-canvas menu with flexbox 2016-07-21T05:00:33-07:00
Flexbox Sass mixin with only standard and IE 10 syntax https://codepen.io/zomigi/pen/VjrPZQ https://codepen.io/zomigi/pen/VjrPZQ Zoe Gillenwater

See the Code - See it Full Page - See Details

This is a modification of Brian Franco's excellent flexbox Sass mixin (https://github.com/mastastealth/sass-flex-mixin). I removed: - the 2009 syntax, since this syntax is slow to render and I prefer not to use it - the -moz- properties since no recent browser uses them (http://caniuse.com/#feat=flexbox) I kept: - the 2011/2012 syntax that IE 10 uses (-ms- properties) - the -webkit- properties for the standard, current syntax - the non-prefixed standard, current syntax (of course!)

]]>
Flexbox Sass mixin with only standard and IE 10 syntax 2016-07-12T20:38:14-07:00