Skip to content

Instantly share code, notes, and snippets.

@AllThingsSmitty

AllThingsSmitty/css-not.scss

Last active November 28, 2018 16:16
Show Gist options
  • Save AllThingsSmitty/208f88399960b0b22241 to your computer and use it in GitHub Desktop.
Save AllThingsSmitty/208f88399960b0b22241 to your computer and use it in GitHub Desktop.
Download ZIP
Use CSS :not() instead of applying and unapplying borders on navigations
Raw
css-not.scss
.nav-tab {
...
// instead of putting it on
border-right: 1px solid #424242;
&:last-child {
border-right: 0; // and then taking it off
}
// use CSS not() to only apply to the elements you want
&:not(:last-child) {
border-right: 1px solid #424242;
}
...
}
@espellcaste
Copy link

+1 Cool! Didn't know this one! =)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment