Semantic-ui: What is the best way to implement a tertiary button style ?

[smknstd]

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

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

Thanx for your help

[Hughp135]

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]

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

[jumpinjan]

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

[lubber-de]

This is implemented in https://fomantic-ui.com/elements/button.html#tertiary