Tag: CSS
-
Left align multiple line list items
I don’t claim to know all the things, and this post is definitely something that I’m pretty sure nearly everybody on the planet knew about but me. The problem I was attempting to solve recently is that I had a list and the left alignment of the multiple lined list…
-
How to !important inline styles in React
If you’ve ever used Bootstrap, you probably know that it’s pretty aggressive in it’s use of !important in it’s styles. At CrowdSync we love Bootstrap, having ditched Foundation for it, but the overzealous approach to !important does get in our way sometimes. Similar to our post earlier in the week,…
-
Using <style /> blocks in React
Every once in a while you are faced with a scenario where the best course of action is to slap a <style /> block in the middle of your code. For us, it was that time we wanted to set an arbitrary width (selected by the user) on a component,…
-
Layout with fixed header and independently scrolling columns
Update April 4th, 2019 Seems at some point between May of 2015 and now, the code in this post went terribly stale. It wasn’t working in either Firefox or Chrome and I’ve since updated the code with a working example. Many thanks to everybody that blew up my comments about…
-
Easily identify duplicate properties in your CSS files
As of late I’ve been very adamant about DRY CSS principles. Not so much the descriptive ID and class selectors that some folks wrap their other selectors in, but the focus on not repeating the properties and grouping like selectors. I’ve even taken it a step further and have been…