Pens from Ryan Merrill https://codepen.io/procload/ en nospam@codepen.io Copyright 2024 2023-04-02T21:33:32-07:00 Guitar Chord Builder https://codepen.io/procload/pen/oNPKbjz https://codepen.io/procload/pen/oNPKbjz Ryan Merrill

See the Code - See it Full Page - See Details

]]>
Guitar Chord Builder 2023-04-02T21:33:32-07:00
Fixing font-weight hover states using defined widths https://codepen.io/procload/pen/PoddVPx https://codepen.io/procload/pen/PoddVPx Ryan Merrill

See the Code - See it Full Page - See Details

]]>
Fixing font-weight hover states using defined widths 2023-03-20T21:32:51-07:00
A Pen by Ryan Merrill https://codepen.io/procload/pen/QWVOxoL https://codepen.io/procload/pen/QWVOxoL Ryan Merrill

See the Code - See it Full Page - See Details

]]>
A Pen by Ryan Merrill 2023-03-09T18:17:05-07:00
A Pen by Ryan Merrill https://codepen.io/procload/pen/oNPGLLm https://codepen.io/procload/pen/oNPGLLm Ryan Merrill

See the Code - See it Full Page - See Details

]]>
A Pen by Ryan Merrill 2023-03-08T00:42:59-07:00
A Pen by Ryan Merrill https://codepen.io/procload/pen/JjaNREJ https://codepen.io/procload/pen/JjaNREJ Ryan Merrill

See the Code - See it Full Page - See Details

]]>
A Pen by Ryan Merrill 2023-03-03T01:12:31-07:00
Using CSS variables inside `calc()` https://codepen.io/procload/pen/OJvpdXw https://codepen.io/procload/pen/OJvpdXw Ryan Merrill

See the Code - See it Full Page - See Details

Created for my Smashing Magazine [Getting Started with CSS `calc()`](http://www.smashingmagazine.com/2015/12/getting-started-css-calc-techniques/) article. CSS variables are only supported by Firefox at the moment. Tested & works in Firefox 34 on Windows 8. Also did test pens for how to use preprocessor variables inside the `calc()` function: * [Sass](http://codepen.io/thebabydino/pen/hgFno) * [LESS](http://codepen.io/thebabydino/pen/JoXvyd) * [Stylus](http://codepen.io/thebabydino/pen/OPNZjO/)

]]>
Using CSS variables inside `calc()` 2022-07-19T20:27:29-07:00
Icon Styling and Theming https://codepen.io/procload/pen/wvmGBPK https://codepen.io/procload/pen/wvmGBPK Ryan Merrill

See the Code - See it Full Page - See Details

]]>
Icon Styling and Theming 2022-07-12T21:24:44-07:00
A Pen by Ryan Merrill https://codepen.io/procload/pen/MWoyqXK https://codepen.io/procload/pen/MWoyqXK Ryan Merrill

See the Code - See it Full Page - See Details

]]>
A Pen by Ryan Merrill 2021-09-01T19:55:48-07:00
A Pen by Ryan Merrill https://codepen.io/procload/pen/KKqpabV https://codepen.io/procload/pen/KKqpabV Ryan Merrill

See the Code - See it Full Page - See Details

]]>
A Pen by Ryan Merrill 2021-08-26T18:43:53-07:00
A Pen by Ryan Merrill https://codepen.io/procload/pen/wvevJVm https://codepen.io/procload/pen/wvevJVm Ryan Merrill

See the Code - See it Full Page - See Details

]]>
A Pen by Ryan Merrill 2021-08-26T20:19:49-07:00