Some Extremely Handy `:nth-child` Recipes as Sass Mixins | CSS-Tricks


31 bookmarks. First posted by leereamsnyder 9 weeks ago.


There is no such thing as one-size-fits-all styling. An image gallery with three images might need to be styled differently than an image gallery with twel
css 
8 weeks ago by cbotwell
In case you need to do some CSS-only logic
css  webdesign  sass 
8 weeks ago by leonbarnard
There is no such thing as one-size-fits-all styling. An image gallery with three images might need to be styled differently than an image gallery with twelve.…
from instapaper
9 weeks ago by adamlogic
RT : Some Extremely Handy `:nth-child` Recipes as Sass Mixins | CSS-Tricks
from twitter
9 weeks ago by kevinmarks
There is no such thing as one-size-fits-all styling. An image gallery with three images might need to be styled differently than an image gallery with twelve.…
from instapaper
9 weeks ago by elivz
Some Extremely Handy `:nth-child` Recipes as Sass Mixins There is no such thing as one-size-fits-all styling. An image gallery with three images might need to be styled differently than an image gallery with twelve. via Pocket
ifttt  pocket  css  css3  design  sass  tutorial 
9 weeks ago by jeremyday
There is no such thing as one-size-fits-all styling. An image gallery with three images might need to be styled differently than an image gallery with twel
9 weeks ago by thenerdscribe
I've been a big fan of :nth-child since I started using them to set repeating rows with unknown content and they just keep getting better. Have you got any useful ways that you use :nth-child selectors?
tutorial  codepen  snippet  259  newslettered 
9 weeks ago by justinavery
:nth-child
sass  :nth-child  CSS 
9 weeks ago by JamesICT
Some clever tricks with :nth-child selectors
css  sass  webdesign 
9 weeks ago by fortythieves
»There is no such thing as one-size-fits-all styling. An image gallery with three images might need to be styled differently than an image gallery with twelve. There are some cool tricks that you can use to add some number-based logic to your CSS! Using :nth-child and :nth-last-child, you can get some surprisingly complex information without ever leaving your stylesheet.«
css  webdesign  tutorial  reference 
9 weeks ago by flov
In case you need to do some CSS-only logic
css  sass  webdesign 
9 weeks ago by leereamsnyder