Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

What is the best way to implement a tertiary button style ? #6229

Open
smknstd opened this issue Feb 28, 2018 · 4 comments
Open

What is the best way to implement a tertiary button style ? #6229

smknstd opened this issue Feb 28, 2018 · 4 comments

Comments

@smknstd
Copy link

smknstd commented Feb 28, 2018

I'd like to set button with transparent background as I'd like to have some sort of tertiary button class

1_cieq9mpfpfaxp62pte2fbw

Can't find anything about it on https://semantic-ui.com/elements/button.html

Thanx for your help

@Hughp135
Copy link

Hughp135 commented Mar 7, 2018

I was wondering this too. Came up with a quick sass override to achieve this (restores the border / background on hover). Add the class 'tertiary' to button (works well with 'basic' too)

.ui.button {
  &.tertiary {
    &:not(:hover) {
      box-shadow: none !important;
      background: none !important;
    }
  }
}

@w96k
Copy link

w96k commented Mar 10, 2018

@smknstd Hey, I made a PR. You check out some demos there, I think it's what you need.

@jumpinjan
Copy link

Would love to see this merged in to master! I have a definite need for it. Thanks!

@lubber-de

This comment was marked as spam.

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

No branches or pull requests

6 participants