@davieghost, I was using SASS on that pen, that nesting and @include won't work in regular css..for the linear gradient you'll have to write out each one with syntax and vendor prefixes, and you also won't be able to do the nesting of :before, you'll have to write it as a completely different rule
@ChrisP, Awesome! Thanks so much! I haven't used SASS yet, so I'll need to look into it, but I've been meaning to anyways. Now I feel like I understand though.
I have been looking for a pure css or maybe js way to make a "big slashy line" over my links in my navigation.
a link to what I am talking about...
right here
any help would be forever appreciated.
@davieghost, there may be a better way, but here's a rough copy with a pseudo element and linear gradient..
http://codepen.io/ChrisPlz/pen/BdLex
@ChrisP, thank you very very much.
@ChrisP, I had a problem when swithcing the gradient to show up on hover.
@davieghost, like this? http://codepen.io/ChrisPlz/pen/yHaFt
Edit: to clarify, if you only want the line on hover, instead of
:before, make it:hover:beforeHey, @ChrisP, when I apply the code to my css nothing happens... I'm sure I'm just doing something wrong. I have it up here
@davieghost, I was using SASS on that pen, that nesting and
@includewon't work in regular css..for the linear gradient you'll have to write out each one with syntax and vendor prefixes, and you also won't be able to do the nesting of:before, you'll have to write it as a completely different rule@ChrisP, Awesome! Thanks so much! I haven't used SASS yet, so I'll need to look into it, but I've been meaning to anyways. Now I feel like I understand though.