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


32 bookmarks. First posted by leereamsnyder may 2017.


Useful nth-child CSS recipes as Sass mixins.
sass  css  webdev  mixins  nthchild 
august 2017 by angusm
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 
may 2017 by cbotwell
In case you need to do some CSS-only logic
css  webdesign  sass 
may 2017 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
may 2017 by adamlogic
RT : Some Extremely Handy `:nth-child` Recipes as Sass Mixins | CSS-Tricks
from twitter
may 2017 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
may 2017 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 
may 2017 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
may 2017 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 
may 2017 by justinavery
:nth-child
sass  :nth-child  CSS 
may 2017 by JamesICT
Some clever tricks with :nth-child selectors
css  sass  webdesign 
may 2017 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 
may 2017 by flov
In case you need to do some CSS-only logic
css  sass  webdesign 
may 2017 by leereamsnyder