In Oxyblock the default unit of measure is REM
and 1rem
is equal to 10px
.
We also use the Gap property for Flexbox to improve the distribution between child elements.
We use this measure in almost all our elements like typography, sizes, spacing, margins, padding and another one in our blocks.
Builder → Manage → Stylesheets → oxy-block → base
/* FONT SIZE REM BASE */
html {
font-size: 10px; /* Size Font REM is 10px */
}
body {
font-size: 1.6rem; /* 1.6rem = 16px */
}
0px
10px
20px
30px
40px
...........
100px
0rem
1rem
2rem
3rem
4rem
............
10rem