Skip to content

Replace button gradients with a subtle highlight.#381

Closed
sethlivingston wants to merge 3 commits intopure-css:masterfrom
sethlivingston:master
Closed

Replace button gradients with a subtle highlight.#381
sethlivingston wants to merge 3 commits intopure-css:masterfrom
sethlivingston:master

Conversation

@sethlivingston
Copy link

Replaced the button gradient effect with a subtle highlight effect accomplished simply by setting the opacity to 0.90 on hover and focus.

I followed the guidelines for contributing and gave the buttons a run-through on the manual buttons test page.

Remove the gradients and replaced them with a hover highlight by setting the opacity to 0.90.
Move button hover effect (subtle highlighting) into it's own class so users can start with effect-less buttons but easily add a highlight with a class.
Pure looks great out of the box, so you shouldn't have to activate the subtle highlighting.
@yahoocla
Copy link

Thank you for submitting this pull request, however I do not see a valid CLA on file for you. Before we can merge this request please visit https://yahoocla.herokuapp.com/ and agree to the terms. Thanks! 😄

@jamesalley
Copy link
Contributor

This could be a good PR since IE8 does not support the gradient solution. Could you sign the CLA and revisit this PR? In particular we should remove the special highlight for IE8 if we go with this default styling instead.

@sethlivingston
Copy link
Author

I signed the CLA back in Sep 2014... not sure why it's failing?

You previously signed this CLA on:
Tue Sep 16 2014 21:55:34 GMT+0000 (UTC)
From: 216.110.50.18

@sethlivingston
Copy link
Author

Also, I'd like to replace this PR with a solution based on the second answer on this SO question:

http://stackoverflow.com/questions/806000/transparent-background-but-not-the-content-text-images-inside-it-in-css-on

This PR makes the entire button semi-transparent, but we don't want the text or any images to be transparent. Can you give me a day or so to submit a better PR based on the solution above?

@jamesalley
Copy link
Contributor

Btw for 0.6 I have added a simple border-color for ie8, which wouldn't render the shadow.

@jamesalley
Copy link
Contributor

Take your time.

@redonkulus
Copy link
Contributor

@sethlivingston you still interested in this change? If so, I'm not against it. Can you please rebase from master?

Also, 0.9 is really subtle and I couldn't tell much of a difference. Maybe 0.7 or 0.8 might be better?

@yahoocla
Copy link

CLA is valid!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants