Is it all written in css?? :-)
over 1 year ago
Can this be the new bootstrap style? I like it much better.
(although it doesn't look like it, this uses .button, and bootstrap uses .btn)
Jonas: no, this is for GitHub.
Jeroen: Yes, it is.
I have yet to find a single downstate on the whole site. This will be a nice change.
Too bad you can't define a gradient for borders, the bottom border part of the default blue buttons is too light. You could combine 2 elements and fake the border though.
@Tim Van Damme You could just set the bottom border to a darker color. I've done it a few times now and has the desired effect.
Tim and Ryan: I've changed the borders here quite a lot. Gray ones are lighter now, and the blue is a single color all around for now (all a darker color). Helps smooth and crispen things up, but agreed that it's not the best it could be :).
@Tim Van Damme & @Mark Otto you could also add background-clip: border-box; & use a semi-transparent border color to tint the background on the edges
@Trav Each border would require a different opacity so I'm not sure what this achieves. The value needs to be relative to the background, not absolute.
@Ryan Glasgow Thats why you use a transparent color. ie, 20% opaque black would tint the background 20%. The background is a gradient so the resulting color would gradiate with the background. Like this: http://d.pr/uSKm
Example, if ya'll are interested http://jsfiddle.net/GmcQM/
@Tim Van Damme @Mark Otto @Ryan Glasgow
Instead of doing border-bottom, trying using an inset box shadow instead. Works better I think.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.