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


27 bookmarks. First posted by leereamsnyder 11 days 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 
6 days ago by cbotwell
In case you need to do some CSS-only logic
css  webdesign  sass 
6 days 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
8 days ago by adamlogic
RT : Some Extremely Handy `:nth-child` Recipes as Sass Mixins | CSS-Tricks
from twitter
8 days 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 days 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 days 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 days 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 
10 days ago by justinavery
:nth-child
sass  :nth-child  CSS 
10 days ago by JamesICT
Some clever tricks with :nth-child selectors
css  sass  webdesign 
10 days 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 
10 days ago by flov
In case you need to do some CSS-only logic
css  sass  webdesign 
11 days ago by leereamsnyder