Shape

These classes allows you to apply a shape to any elements that support it using the border-radius: sugar.border.radius(shape); statement.

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

  Preview

Shape on buttons

Default shape Square shape Pill shape
 

Loading code example. Please wait...

  Install

  CSS Classes

  1. s-shape:default

    Apply the default shape (default border radius)

  2. s-shape:square

    Apply the square shape

  3. s-shape:pill

    Apply the pill shape

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!

Designed and built with all the love in the world +1 by the Coffeekraken team with the help of our friends and partners.

Under MIT License

Current version: 2.0.0-alpha.25

Links

  1. Get Started
  2. Documentation
  3. Styleguide
  4. API

Usefull

  1. NPM Packages
  2. Start using the CLI
  3. Start with theming

Community

  1. Join us on Discord
  2. Issues on Github
  3. Support us on Patreon
  4. Our contributors

In collaboration with

Join us on Discord!

Welcome on