Skip to content

Release v2.0.0

Choose a tag to compare

@arunkumar413 arunkumar413 released this 19 Jan 11:22
· 16 commits to main since this release
0db577f

In version 2 we have added the ser prefix to the class names so that serene UI class names do not conflict with other css library class names. Also in version 2 a single class will be used to achieve the same functinality compared to the multiple classes in version 1.

version 1: <button class='btn primary small> Save </button>
version 2: <button class='ser-btn-primary-small> Save </button>

Advantages of version 2:

1) Single class name to achieve the desired functionality
2) No conflict with other CSS libraries as each class name is prefixed with the key word ser
3) IDE friendly as the editor will suggest the class names as you type.
4) Uses logical grouping in which multiple classs names are grouped based on the css property we target.
5) For example in the below snippet all button class names contianing the key word small are grouped together and the property font-size and padding are applied.