tests

Page tags

See those little guys up there above the post title? Well, here are a few display experiments in using them on a page as well as other places on the site – in the future.

I'll add more styles in the future as I get the chance to build them out.

Note: No external code or stylesheets were used in the making of the examples below – only mdx and emotion. All of these tests are coded and styled on this page only.

examples
test
Curabitur nec placerat sapien.

Mauris condimentum ante quis risus ornare porttitor. Proin sagittis purus tincidunt elit iaculis, id consectetur sapien accumsan. Morbi id aliquet nisl. Quisque ut efficitur orci. Nam eget finibus leo. Morbi vel commodo elit. Quisque vulputate risus ipsum, vel iaculis risus finibus sed.

Morbi eget purus nulla. Maecenas eleifend mattis neque sit amet interdum. Aenean at nulla est. Suspendisse rhoncus magna vel erat faucibus, quis porta ante maximus. Aliquam dapibus venenatis leo.

standard

The normal tag style. This is the style currrenly being used on the item pages.

test
Curabitur nec placerat sapien.

Mauris condimentum ante quis risus ornare porttitor. Proin sagittis purus tincidunt elit iaculis, id consectetur sapien accumsan. Morbi id aliquet nisl. Quisque ut efficitur orci. Nam eget finibus leo. Morbi vel commodo elit. Quisque vulputate risus ipsum, vel iaculis risus finibus sed.

Morbi eget purus nulla. Maecenas eleifend mattis neque sit amet interdum. Aenean at nulla est. Suspendisse rhoncus magna vel erat faucibus, quis porta ante maximus. Aliquam dapibus venenatis leo.

banner

This one shares the same type size as the standard tag, but uses negative margins to stretch the background to fill 100% of the container width.

  • ©2021 ff4500