Skip to content
Yumma CSS Logo Yumma CSS Logo Yumma CSS
Blog

Yumma CSS 0.1

Nothing beats a good update, so let's talk about this today. This one's not as abundant, but there are some pretty handy improvements — [Yumma CSS 0.1.0](https://github.com/yumma-lib/yumma-css/releases/tag/v0.1.0)!

Yumma CSS 0.1
Renildo Pereira
Renildo Pereira
Creator

Nothing beats a good update, so let’s talk about this today. This one’s not as abundant, but there are some pretty handy improvements — Yumma CSS 0.1.0!

You may also want to take a look at some of the release notes but, anyway, these are the most noticeable shifts:

  • Box Model utilities: Additions and improvements for Height, Margin, Padding, and Width utility classes.

This is an incremental update that may contain bug fixes. Minor releases follow semantic versioning conventions. In other words, this should be an easy update for you.

Box Model utilities

Previous versions of Yumma CSS had some inconsistencies with the Height, Margin, Padding, and Width utilities. Version 0.1.0 addresses these inconsistencies and also fixes unexpected results and makes the range linear, starting from 0-100.

The scale ranges from 0 to 100, with a base value of 0.25rem.

Class Properties

h-0

 height: 0rem;

h-1

 height: 0.25rem;

h-2

 height: 0.5rem;

h-3

 height: 0.75rem;

h-4

 height: 1rem;

h-5

 height: 1.25rem;

h-6

 height: 1.5rem;

h-7

 height: 1.75rem;

h-8

 height: 2rem;

h-9

 height: 2.25rem;

h-10

 height: 2.5rem;

h-11

 height: 2.75rem;

h-12

 height: 3rem;

h-13

 height: 3.25rem;

h-14

 height: 3.5rem;

h-15

 height: 3.75rem;

h-16

 height: 4rem;

h-17

 height: 4.25rem;

h-18

 height: 4.5rem;

h-19

 height: 4.75rem;

h-20

 height: 5rem;

h-21

 height: 5.25rem;

h-22

 height: 5.5rem;

h-23

 height: 5.75rem;

h-24

 height: 6rem;

h-25

 height: 6.25rem;

h-26

 height: 6.5rem;

h-27

 height: 6.75rem;

h-28

 height: 7rem;

h-29

 height: 7.25rem;

h-30

 height: 7.5rem;

h-31

 height: 7.75rem;

h-32

 height: 8rem;

h-33

 height: 8.25rem;

h-34

 height: 8.5rem;

h-35

 height: 8.75rem;

h-36

 height: 9rem;

h-37

 height: 9.25rem;

h-38

 height: 9.5rem;

h-39

 height: 9.75rem;

h-40

 height: 10rem;

h-41

 height: 10.25rem;

h-42

 height: 10.5rem;

h-43

 height: 10.75rem;

h-44

 height: 11rem;

h-45

 height: 11.25rem;

h-46

 height: 11.5rem;

h-47

 height: 11.75rem;

h-48

 height: 12rem;

h-49

 height: 12.25rem;

h-50

 height: 12.5rem;

h-51

 height: 12.75rem;

h-52

 height: 13rem;

h-53

 height: 13.25rem;

h-54

 height: 13.5rem;

h-55

 height: 13.75rem;

h-56

 height: 14rem;

h-57

 height: 14.25rem;

h-58

 height: 14.5rem;

h-59

 height: 14.75rem;

h-60

 height: 15rem;

h-61

 height: 15.25rem;

h-62

 height: 15.5rem;

h-63

 height: 15.75rem;

h-64

 height: 16rem;

h-65

 height: 16.25rem;

h-66

 height: 16.5rem;

h-67

 height: 16.75rem;

h-68

 height: 17rem;

h-69

 height: 17.25rem;

h-70

 height: 17.5rem;

h-71

 height: 17.75rem;

h-72

 height: 18rem;

h-73

 height: 18.25rem;

h-74

 height: 18.5rem;

h-75

 height: 18.75rem;

h-76

 height: 19rem;

h-77

 height: 19.25rem;

h-78

 height: 19.5rem;

h-79

 height: 19.75rem;

h-80

 height: 20rem;

h-81

 height: 20.25rem;

h-82

 height: 20.5rem;

h-83

 height: 20.75rem;

h-84

 height: 21rem;

h-85

 height: 21.25rem;

h-86

 height: 21.5rem;

h-87

 height: 21.75rem;

h-88

 height: 22rem;

h-89

 height: 22.25rem;

h-90

 height: 22.5rem;

h-91

 height: 22.75rem;

h-92

 height: 23rem;

h-93

 height: 23.25rem;

h-94

 height: 23.5rem;

h-95

 height: 23.75rem;

h-96

 height: 24rem;

h-97

 height: 24.25rem;

h-98

 height: 24.5rem;

h-99

 height: 24.75rem;

h-100

 height: 25rem;

Upgrade

You can upgrade your projects by getting the latest version of yummacss from npm:

Terminal
npm i yummacss@latest

Community

Join the Yumma CSS community! Share your experiences and help Yumma CSS grow and be the best it can be.

GitHub If you experience any problems, please notify us at GitHub.
Discord Join our Discord for discussion, sharing, and learning.
Twitter Please follow us on Twitter to receive the latest updates.
YouTube For the latest updates, check out our YouTube walkthroughs.
Tags: