MelangeCSS Reference

.content-box-hc {
  box-sizing: content-box;
}

.border-box-hc {
  box-sizing: border-box;
}

.h-1-hc {
  height: calc(2 * var(--mg-sp-1));
}

.h-2-hc {
  height: calc(2 * var(--mg-sp-2));
}

.h-3-hc {
  height: calc(2 * var(--mg-sp-3));
}

.h-4-hc {
  height: calc(2 * var(--mg-sp-4));
}

.h-5-hc {
  height: calc(2 * var(--mg-sp-5));
}

.h-6-hc {
  height: calc(2 * var(--mg-sp-6));
}

.h-7-hc {
  height: calc(2 * var(--mg-sp-7));
}

.h-8-hc {
  height: calc(2 * var(--mg-sp-8));
}

.h-10-hc {
  height: 10%;
}

.h-20-hc {
  height: 20%;
}

.h-25-hc {
  height: 25%;
}

.h-30-hc {
  height: 30%;
}

.h-40-hc {
  height: 40%;
}

.h-50-hc {
  height: 50%;
}

.h-60-hc {
  height: 60%;
}

.h-70-hc {
  height: 70%;
}

.h-75-hc {
  height: 75%;
}

.h-80-hc {
  height: 80%;
}

.h-90-hc {
  height: 90%;
}

.h-100-hc {
  height: 100%;
}

.h-third-hc {
  height: calc(100% / 3);
}

.h-two-thirds-hc {
  height: calc(100% / 1.5);
}

.h-10vh-hc {
  height: 10vh;
}

.h-20vh-hc {
  height: 20vh;
}

.h-30vh-hc {
  height: 30vh;
}

.h-40vh-hc {
  height: 40vh;
}

.h-50vh-hc {
  height: 50vh;
}

.h-60vh-hc {
  height: 60vh;
}

.h-70vh-hc {
  height: 70vh;
}

.h-80vh-hc {
  height: 80vh;
}

.h-90vh-hc {
  height: 90vh;
}

.h-100vh-hc {
  height: 100vh;
}

.h-auto-hc {
  height: auto;
}

.max-height-1-hc {
  max-height: calc(2 * var(--mg-sp-1));
}

.max-height-2-hc {
  max-height: calc(2 * var(--mg-sp-2));
}

.max-height-3-hc {
  max-height: calc(2 * var(--mg-sp-3));
}

.max-height-4-hc {
  max-height: calc(2 * var(--mg-sp-4));
}

.max-height-5-hc {
  max-height: calc(2 * var(--mg-sp-5));
}

.max-height-6-hc {
  max-height: calc(2 * var(--mg-sp-6));
}

.max-height-7-hc {
  max-height: calc(2 * var(--mg-sp-7));
}

.max-height-8-hc {
  max-height: calc(2 * var(--mg-sp-8));
}

.max-height-10-hc {
  max-height: 10%;
}

.max-height-20-hc {
  max-height: 20%;
}

.max-height-25-hc {
  max-height: 25%;
}

.max-height-30-hc {
  max-height: 30%;
}

.max-height-40-hc {
  max-height: 40%;
}

.max-height-50-hc {
  max-height: 50%;
}

.max-height-60-hc {
  max-height: 60%;
}

.max-height-70-hc {
  max-height: 70%;
}

.max-height-75-hc {
  max-height: 75%;
}

.max-height-80-hc {
  max-height: 80%;
}

.max-height-90-hc {
  max-height: 90%;
}

.max-height-100-hc {
  max-height: 100%;
}

.max-height-third-hc {
  max-height: calc(100% / 3);
}

.max-height-two-thirds-hc {
  max-height: calc(100% / 1.5);
}

.max-height-10vh-hc {
  max-height: 10vh;
}

.max-height-20vh-hc {
  max-height: 20vh;
}

.max-height-30vh-hc {
  max-height: 30vh;
}

.max-height-40vh-hc {
  max-height: 40vh;
}

.max-height-50vh-hc {
  max-height: 50vh;
}

.max-height-60vh-hc {
  max-height: 60vh;
}

.max-height-70vh-hc {
  max-height: 70vh;
}

.max-height-80vh-hc {
  max-height: 80vh;
}

.max-height-90vh-hc {
  max-height: 90vh;
}

.max-height-100vh-hc {
  max-height: 100vh;
}

.max-height-auto-hc {
  max-height: auto;
}

.w-1-hc {
  width: calc(2 * var(--mg-sp-1));
}

.w-2-hc {
  width: calc(2 * var(--mg-sp-2));
}

.w-3-hc {
  width: calc(2 * var(--mg-sp-3));
}

.w-4-hc {
  width: calc(2 * var(--mg-sp-4));
}

.w-5-hc {
  width: calc(2 * var(--mg-sp-5));
}

.w-6-hc {
  width: calc(2 * var(--mg-sp-6));
}

.w-7-hc {
  width: calc(2 * var(--mg-sp-7));
}

.w-8-hc {
  width: calc(2 * var(--mg-sp-8));
}

.w-10-hc {
  width: 10%;
}

.w-20-hc {
  width: 20%;
}

.w-25-hc {
  width: 25%;
}

.w-30-hc {
  width: 30%;
}

.w-40-hc {
  width: 40%;
}

.w-50-hc {
  width: 50%;
}

.w-60-hc {
  width: 60%;
}

.w-70-hc {
  width: 70%;
}

.w-75-hc {
  width: 75%;
}

.w-80-hc {
  width: 80%;
}

.w-90-hc {
  width: 90%;
}

.w-100-hc {
  width: 100%;
}

.w-third-hc {
  width: calc(100% / 3);
}

.w-two-thirds-hc {
  width: calc(100% / 1.5);
}

.w-10vw-hc {
  width: 10vw;
}

.w-20vw-hc {
  width: 20vw;
}

.w-30vw-hc {
  width: 30vw;
}

.w-40vw-hc {
  width: 40vw;
}

.w-50vw-hc {
  width: 50vw;
}

.w-60vw-hc {
  width: 60vw;
}

.w-70vw-hc {
  width: 70vw;
}

.w-80vw-hc {
  width: 80vw;
}

.w-90vw-hc {
  width: 90vw;
}

.w-100vw-hc {
  width: 100vw;
}

.w-auto-hc {
  width: auto;
}

.mw-1-hc {
  max-width: calc(2 * var(--mg-sp-1));
}

.mw-2-hc {
  max-width: calc(2 * var(--mg-sp-2));
}

.mw-3-hc {
  max-width: calc(2 * var(--mg-sp-3));
}

.mw-4-hc {
  max-width: calc(2 * var(--mg-sp-4));
}

.mw-5-hc {
  max-width: calc(2 * var(--mg-sp-5));
}

.mw-6-hc {
  max-width: calc(2 * var(--mg-sp-6));
}

.mw-7-hc {
  max-width: calc(2 * var(--mg-sp-7));
}

.mw-8-hc {
  max-width: calc(2 * var(--mg-sp-8));
}

.mw-10-hc {
  max-width: 10%;
}

.mw-20-hc {
  max-width: 20%;
}

.mw-25-hc {
  max-width: 25%;
}

.mw-30-hc {
  max-width: 30%;
}

.mw-40-hc {
  max-width: 40%;
}

.mw-50-hc {
  max-width: 50%;
}

.mw-60-hc {
  max-width: 60%;
}

.mw-70-hc {
  max-width: 70%;
}

.mw-75-hc {
  max-width: 75%;
}

.mw-80-hc {
  max-width: 80%;
}

.mw-90-hc {
  max-width: 90%;
}

.mw-100-hc {
  max-width: 100%;
}

.mw-third-hc {
  max-width: calc(100% / 3);
}

.mw-two-thirds-hc {
  max-width: calc(100% / 1.5);
}

.mw-10vw-hc {
  max-width: 10vw;
}

.mw-20vw-hc {
  max-width: 20vw;
}

.mw-30vw-hc {
  max-width: 30vw;
}

.mw-40vw-hc {
  max-width: 40vw;
}

.mw-50vw-hc {
  max-width: 50vw;
}

.mw-60vw-hc {
  max-width: 60vw;
}

.mw-70vw-hc {
  max-width: 70vw;
}

.mw-80vw-hc {
  max-width: 80vw;
}

.mw-90vw-hc {
  max-width: 90vw;
}

.mw-100vw-hc {
  max-width: 100vw;
}

.mw-auto-hc {
  max-width: auto;
}

.minw-1-hc {
  min-width: calc(2 * var(--mg-sp-1));
}

.minw-2-hc {
  min-width: calc(2 * var(--mg-sp-2));
}

.minw-3-hc {
  min-width: calc(2 * var(--mg-sp-3));
}

.minw-4-hc {
  min-width: calc(2 * var(--mg-sp-4));
}

.minw-5-hc {
  min-width: calc(2 * var(--mg-sp-5));
}

.minw-6-hc {
  min-width: calc(2 * var(--mg-sp-6));
}

.minw-7-hc {
  min-width: calc(2 * var(--mg-sp-7));
}

.minw-8-hc {
  min-width: calc(2 * var(--mg-sp-8));
}

.minw-10-hc {
  min-width: 10%;
}

.minw-20-hc {
  min-width: 20%;
}

.minw-25-hc {
  min-width: 25%;
}

.minw-30-hc {
  min-width: 30%;
}

.minw-40-hc {
  min-width: 40%;
}

.minw-50-hc {
  min-width: 50%;
}

.minw-60-hc {
  min-width: 60%;
}

.minw-70-hc {
  min-width: 70%;
}

.minw-75-hc {
  min-width: 75%;
}

.minw-80-hc {
  min-width: 80%;
}

.minw-90-hc {
  min-width: 90%;
}

.minw-100-hc {
  min-width: 100%;
}

.minw-third-hc {
  min-width: calc(100% / 3);
}

.minw-two-thirds-hc {
  min-width: calc(100% / 1.5);
}

.minw-10vw-hc {
  min-width: 10vw;
}

.minw-20vw-hc {
  min-width: 20vw;
}

.minw-30vw-hc {
  min-width: 30vw;
}

.minw-40vw-hc {
  min-width: 40vw;
}

.minw-50vw-hc {
  min-width: 50vw;
}

.minw-60vw-hc {
  min-width: 60vw;
}

.minw-70vw-hc {
  min-width: 70vw;
}

.minw-80vw-hc {
  min-width: 80vw;
}

.minw-90vw-hc {
  min-width: 90vw;
}

.minw-100vw-hc {
  min-width: 100vw;
}

.minw-auto-hc {
  min-width: auto;
}