Pens from Stuart Robson https://codepen.io/sturobson/ en nospam@codepen.io Copyright 2024 2024-03-25T13:13:36-07:00 Styling the HTML details element: a background image on summary::after as marker https://codepen.io/sturobson/pen/gOyRmjV https://codepen.io/sturobson/pen/gOyRmjV Stuart Robson

See the Code - See it Full Page - See Details

]]>
Styling the HTML details element: a background image on summary::after as marker 2024-03-25T13:13:36-07:00
A Pen by Stuart Robson https://codepen.io/sturobson/pen/vYPWZvP https://codepen.io/sturobson/pen/vYPWZvP Stuart Robson

See the Code - See it Full Page - See Details

]]>
A Pen by Stuart Robson 2024-01-26T15:55:25-07:00
CSS Masonry Article https://codepen.io/sturobson/pen/ZEwZmYL https://codepen.io/sturobson/pen/ZEwZmYL Stuart Robson

See the Code - See it Full Page - See Details

]]>
CSS Masonry Article 2023-12-12T10:16:34-07:00
logical border radius shorthand Sass mixin https://codepen.io/sturobson/pen/JjxpxmZ https://codepen.io/sturobson/pen/JjxpxmZ Stuart Robson

See the Code - See it Full Page - See Details

]]>
logical border radius shorthand Sass mixin 2023-11-20T16:53:27-07:00
Masked Glitter Icons w/ canvas https://codepen.io/sturobson/pen/JjxoxWb https://codepen.io/sturobson/pen/JjxoxWb Stuart Robson

See the Code - See it Full Page - See Details

]]>
Masked Glitter Icons w/ canvas 2023-10-24T14:18:54-07:00
A Pen by Stuart Robson https://codepen.io/sturobson/pen/ZEwYqGg https://codepen.io/sturobson/pen/ZEwYqGg Stuart Robson

See the Code - See it Full Page - See Details

]]>
A Pen by Stuart Robson 2023-10-24T12:03:19-07:00
CSS Nesting Experiment https://codepen.io/sturobson/pen/eYQNbLO https://codepen.io/sturobson/pen/eYQNbLO Stuart Robson

See the Code - See it Full Page - See Details

]]>
CSS Nesting Experiment 2023-06-15T11:59:39-07:00
abstracting your spacing https://codepen.io/sturobson/pen/LYNmBBY https://codepen.io/sturobson/pen/LYNmBBY Stuart Robson

See the Code - See it Full Page - See Details

Hi! This is a work in progress, to help gather thoughts and ideas on a way that I think could work. We're not they're yet chief!

]]>
abstracting your spacing 2020-09-12T14:16:10-07:00
Design Systems Zoom Background https://codepen.io/sturobson/pen/rNeORQd https://codepen.io/sturobson/pen/rNeORQd Stuart Robson

See the Code - See it Full Page - See Details

]]>
Design Systems Zoom Background 2020-08-12T14:27:30-07:00
Bold on hover https://codepen.io/sturobson/pen/ExPzVMQ https://codepen.io/sturobson/pen/ExPzVMQ Stuart Robson

See the Code - See it Full Page - See Details

By adding a pseudo element with the same string of text that's in the element, you can account for the width change added from the bolder text and avoid layout shifting

]]>
Bold on hover 2020-07-27T21:33:51-07:00