/* Code Comments */10 posts tagged with "styled-components"
global themes with css variables
2022-11-28
|~1 min read
|63 words
Themes are hard. I wrote about them previously here Emotion and Styled-Components aim to address this problem with a theme provider that…
masking inputs and more ref fun
2022-11-28
|~3 min read
|555 words
In learning about Auto-Complete In HTML Forms, I discovered that the of an makes can make a significant difference in how they are…
global themes, variants, and modes with styled-components
2022-11-28
|~2 min read
|332 words
If I were to list my strengths, web design wouldn’t top the list. None the less, I like learning about it and know that I’ll continue to…
css 'mixins' with styled components
2022-11-28
|~2 min read
|309 words
I’ve heard the term “mixin” a lot without ever really understanding it or why they’re valuable. I found the chapter on Mixins from the…
styled-components, gatsby, plugins, and deploying via netlify
2022-11-28
|~3 min read
|404 words
Recently, I decided to remove most of the inline styling I have on my website and use - a library I’ve grown very fond of. The migration…
polymorphic presentations with styled-components
2022-11-28
|~3 min read
|520 words
Let’s say we’re building a simple web form with a twist: we want the submit to only appear if all of the fields are valid. In all other…
dry and styled components
2022-11-28
|~2 min read
|270 words
A quick optimization to keep an eye out for while styling components - particularly those where they share logic - whether between…
web-safe fonts and font fallbacks
2022-11-28
|~3 min read
|412 words
Today, I had a colleague mention that the font we are using is “web-safe” in response to why it was so weird that it wasn’t showing up…
reusing css with styled components
2022-11-28
|~2 min read
|313 words
Styled components are really nice in compartmentalizing styling and keeping it close to the components that use it. I wasn’t around for the…
create a spinner & add a loader in react
2022-11-28
|~2 min read
|250 words
Using two libraries, and , I learned a new simple way to create a component (i.e. a spinner) to be used while an image is being loaded in…