Buttons

These classes allows you to display any HTMLElement as a button

Platform  
css
   â”‚    Support  
Chromium supported
Firefox supported
Safari supported
Edge supported
Since  2.0.0
   â”‚   
Olivier Bossel
Olivier Bossel
   â”‚   
beta

  Preview

Solid lnf default

 

Loading code example. Please wait...

Outline lnf

 

Loading code example. Please wait...

Text lnf

 

Loading code example. Please wait...

Shapes

 

Loading code example. Please wait...

Scales

 

Loading code example. Please wait...

  Features

  • Support for shaping through the s-shape:... class

  • Support for vertical rhythm through the s-rhythm:vertical class

  • Support for text formatting through the s-format:text class

  • Support for scaling through the s-scale:... class

  • Support for colorizing through the s-color:... class

  Install

  CSS Classes

  1. s-btn

    Apply the solid button lnf

  2. s-btn:outline

    Apply the outline button lnf

  3. s-btn:text

    Apply the text button lnf

  4. s-format:text button

    Apply the button style on button tags inside the s-format:text scope

  5. s-rhythm:vertical

    Apply the default vertical rhythm on scoped button(s)

Bugs
are not our friends...

Don't hesitate to declare an issue if something does not works as expected.

Declare my issue on Github Talk about it on Discord

The more we are,
the stronger we become.

Don't hesitate to tell some words to you friends about us. The goal is to became more and more each days to help each others...

Support us on Patreon! Share on Facebook! Make a tweet!

The more we are,
the stronger we become.

Don't be afraid to join us on Discord.

Join us on discord!

We love,
Open source!

All of our codebase can be found on Github. We hope that you may contribute to help us make our tools even better!

Discover our codebase!

Welcome on