Loading
..................
Shade - Shadow Mixin
Description
Using degrees to specify shadow direction
Created
//
Updated
Tags
Comments
Leave a Comment Markdown supported.
- 21955 Views
- 15 Comments
- 391 Hearts
Loading...
Loading...
Badass man!
@loktar00 Thanks Jason
The hover on your h1 is so delightful!
Thank you @katydecorah :) think all H1's should have that on hover
Supérieur, love the hover effect on the h1.
Nice work, but is there anything about this that requires Compass? I'm using Bourbon and getting errors... mostly along the lines of
Syntax error: Undefined operation: "1.5 times cos(66deg)".
Hi @kerns, Sorry yes it does require Compass, cos and sin are functions built into Compass not Sass. Sorry about that, I always work with Compass so never thought about it.
@kerns I've added in the JS section an alternative to Compass's cos and sin function, made by Jelmer Borst. They may need amending to work with Shade, if you need any help just ask
Thanks @hugo! I'll look into it. I can probably just migrate the cos and sin mixins over to my personal library that I run along side Bourbon. I'll let you know, ...look forward to trying it.
Very cool - but Compass already has a shade mixin (which does something very useful and very different)! http://compass-style.org/reference/compass/helpers/colors/
@jackiebackwards that's a function not a mixin, so there will be no conflict. But thanks for the heads up
I am viewing this from my windows phone & I can't see any shades.
Can't wait to get back home & check this page out. Thanks.
@siddharthmenon Not sure why that would be :/ which Windows phone are you on?
@kerns You can always use bourbon-compass; along with neat-compass, you can take advantage of the power of compass w/ neat, bourbon (or both) just fine.
I used this to create a pop-out text program (: Check it out! (thanks to Hugo for pointing me to this version)