14 Responses

  1. Jeroen Stoker Jeroen Stoker

    Is it all written in css?? :-)

    over 1 year ago

  2. Matthew Sanders Matthew Sanders

    Okay cool.

    over 1 year ago

  3. Jonas Lekevicius Jonas Lekevicius

    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)

    over 1 year ago

  4. Mark Otto Mark Otto

    Jonas: no, this is for GitHub.

    likes

    over 1 year ago

  5. Mark Otto Mark Otto

    Jeroen: Yes, it is.

    over 1 year ago

  6. Ryan Glasgow Ryan Glasgow

    I have yet to find a single downstate on the whole site. This will be a nice change.

    over 1 year ago

  7. Tim Van Damme Tim Van Damme

    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.

    likes

    over 1 year ago

  8. Ryan Glasgow Ryan Glasgow

    @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.

    likes

    over 1 year ago

  9. Mark Otto Mark Otto

    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 :).

    over 1 year ago

  10. Trav Trav

    @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

    likes

    over 1 year ago

  11. Ryan Glasgow Ryan Glasgow

    @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.

    over 1 year ago

  12. Trav Trav

    @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

    over 1 year ago

  13. Trav Trav

    Example, if ya'll are interested http://jsfiddle.net/GmcQM/

    over 1 year ago

  14. Moeed Ahmad Moeed Ahmad

    @Tim Van Damme @Mark Otto @Ryan Glasgow

    Instead of doing border-bottom, trying using an inset box shadow instead. Works better I think.

    over 1 year ago

keyboard shortcuts: previous shot next shot L or F like