search

Semantic-Org / Semantic-UI

Semantic is a UI component framework based around useful principles from natural language.
http://www.semantic-ui.com
MIT License
51.1k stars 4.95k forks source link

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

Open smknstd opened 6 years ago

smknstd commented 6 years ago

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 commented 6 years ago

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 commented 6 years ago

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

jumpinjan commented 6 years ago

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

lubber-de commented 5 years ago

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