-
Notifications
You must be signed in to change notification settings - Fork 77
New issue
Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? # to your account
Add billboard component (Fixes #93) #105
Conversation
/cc @vincejoyiv |
Ok, I think this is now ready for review / merge |
Ok, one further amend to make. |
Ok, last design tweaks are in place. This is ready for code review. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks great. I'm a little wary of some of the "magic numbers" that appear without explanation. I think we should define those as variables (just in this file, not tokens for consumption) with some maths to make it clear how those values are derived. That could also cut down on some of the repetition.
&:hover, | ||
&:active, | ||
&:focus { | ||
@include transition(border-bottom .1s ease-in-out); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The nittiest of nitpicks: I think this could be border-bottom-color, though I doubt that makes any real difference.
I've also been favoring milliseconds over decimals lately, based on something I saw in a presentation by someone... somewhere... the gist being "browsers think in milliseconds anyway, you might as well declare them explicitly and save them some work." So this could be 100ms
instead of .1s
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Updated
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🎱
Demo