yagni.css/src/variables/_sizes.css

yagni.css - collection of atomic css declarations to be embedded to your project using postcss

:root {

    --size-01: 1rem;
    --size-02: 2rem;
    --size-03: 3rem;
    --size-04: 4rem;
    --size-05: 5rem;
    --size-06: 6rem;
    --size-07: 7rem;
    --size-08: 8rem;
    --size-09: 9rem;
    --size-10: 10rem;
    --size-12: 12rem;
    --size-14: 14rem;
    --size-16: 16rem;
    --size-18: 18rem;
    --size-20: 20rem;
    --size-22: 22rem;
    --size-24: 24rem;
    --size-26: 26rem;
    --size-28: 28rem;
    --size-30: 30rem;
    --size-32: 32rem;
    --size-34: 34rem;
    --size-36: 36rem;
    --size-38: 38rem;
    --size-40: 40rem;
    --size-42: 42rem;
    --size-44: 44rem;
    --size-46: 46rem;
    --size-48: 48rem;
    --size-50: 50rem;
    --size-52: 52rem;
    --size-54: 54rem;

    --percent-01: 1%;
    --percent-02: 2%;
    --percent-03: 3%;
    --percent-04: 4%;
    --percent-05: 5%;
    --percent-06: 6%;
    --percent-07: 7%;
    --percent-08: 8%;
    --percent-09: 9%;
    --percent-10: 10%;
    --percent-20: 20%;
    --percent-30: 30%;
    --percent-40: 40%;
    --percent-50: 50%;
    --percent-60: 60%;
    --percent-70: 70%;
    --percent-80: 80%;
    --percent-90: 90%;
    --percent-91: 91%;
    --percent-92: 92%;
    --percent-93: 93%;
    --percent-94: 94%;
    --percent-95: 95%;
    --percent-96: 96%;
    --percent-97: 97%;
    --percent-98: 98%;
    --percent-99: 99%;

    --full-height: 100vh;

}