Semantic-ui: White buttons

[hmontes]

Hi

First. Congratulations for your excelent css framework.

I want to put a white button in a black backgrounded top bar menu. How i can do this?

Thanks

[IonutBajescu]

Please ask on the forums.

[batata004]

@hmontes have you got how to use a white button? I see no white button in semantic ui docs.

[vinayakkulkarni]

@batata004 : will this help? http://semantic-ui.com/elements/button.html#basic

[awgv]

@batata004 It doesn’t exist (basic buttons are transparent). You’ll have to implement it yourself, for example, open installation_folder/src/site/elements; the button.overrides is a file where you can put your custom LESS, and button.variables is a file where you can put all your custom variables and variable overrides. Here’re different color variations in the source, you basically need to copy any variation under a different namespace, say, .ui.white.button, and change its colors.

The best way to figure it all out is to explore SUI’s source to see what classes are available, what rules do they have, and what variables are used. Don’t forget to rebuild the framework every time you change the source files.

[batata004]

@Banandrew thanks a lot, I thought I was missing something cause a white button (in my opinion) should be essencial. I will do exactly as you said: copy a variation of another color and just change the color to white everywhere it appears.

Thanks a lot guys, you are awesome!