Pens from slycreations https://codepen.io/slycreations/ en nospam@codepen.io Copyright 2024 2024-03-13T21:47:50-07:00 svg to background https://codepen.io/slycreations/pen/mdgEpyW https://codepen.io/slycreations/pen/mdgEpyW slycreations

See the Code - See it Full Page - See Details

]]>
svg to background 2024-03-13T21:47:50-07:00
Hourglass Shape-margin https://codepen.io/slycreations/pen/QWPbdrX https://codepen.io/slycreations/pen/QWPbdrX slycreations

See the Code - See it Full Page - See Details

Just playing around with making text follow the shape of an hour glass.

]]>
Hourglass Shape-margin 2024-03-04T19:41:02-07:00
Sample Page https://codepen.io/slycreations/pen/zYbwmvw https://codepen.io/slycreations/pen/zYbwmvw slycreations

See the Code - See it Full Page - See Details

]]>
Sample Page 2024-01-19T15:31:59-07:00
Shell Js https://codepen.io/slycreations/pen/WNmjGwY https://codepen.io/slycreations/pen/WNmjGwY slycreations

See the Code - See it Full Page - See Details

]]>
Shell Js 2024-01-18T18:09:25-07:00
Shell Breadcrumbs https://codepen.io/slycreations/pen/yLwbayr https://codepen.io/slycreations/pen/yLwbayr slycreations

See the Code - See it Full Page - See Details

]]>
Shell Breadcrumbs 2024-01-18T17:57:31-07:00
Shell Footer https://codepen.io/slycreations/pen/JjzNRjG https://codepen.io/slycreations/pen/JjzNRjG slycreations

See the Code - See it Full Page - See Details

]]>
Shell Footer 2024-01-18T17:54:56-07:00
Shell Header https://codepen.io/slycreations/pen/gOEWMNG https://codepen.io/slycreations/pen/gOEWMNG slycreations

See the Code - See it Full Page - See Details

]]>
Shell Header 2024-01-18T17:51:10-07:00
Shell https://codepen.io/slycreations/pen/NWJjrPj https://codepen.io/slycreations/pen/NWJjrPj slycreations

See the Code - See it Full Page - See Details

]]>
Shell 2024-01-19T15:29:42-07:00
Inline Radio Buttons https://codepen.io/slycreations/pen/yLwbOjX https://codepen.io/slycreations/pen/yLwbOjX slycreations

See the Code - See it Full Page - See Details

Using labels (with pointer-events: none) to overlay radio inputs. I was inspired to make this after reading "Dropdowns Should be the UI of Last Resort" article here: http://www.lukew.com/ff/entry.asp?1950

]]>
Inline Radio Buttons 2024-01-18T16:38:55-07:00
:has() selector styling https://codepen.io/slycreations/pen/BaPvxav https://codepen.io/slycreations/pen/BaPvxav slycreations

See the Code - See it Full Page - See Details

Borrowed an idea from https://codesandbox.io/s/bytes-has-selector-lg94f7?file=/src/styles.css:160-213&ck_subscriber_id=1697806385 and decided to treat it as a rel thing, with links and make the links highlight for focus as well as hover.

]]>
:has() selector styling 2023-02-02T22:17:24-07:00