npm install area.css
@import 'node_modules/area.css/area';
-
.width-zero
sets width to0
-
.width-all
sets width to100%
-
.width-em
sets width to1em
-
.width-rem
sets width to1rem
-
.width-viewport
sets width to100vw
-
.width-auto
sets width toauto
-
.height-zero
sets height to0
-
.height-all
sets height to100%
-
.height-em
sets height to1em
-
.height-rem
sets height to1rem
-
.height-viewport
sets height to100vh
-
.height-auto
sets height toauto
-
.max-none
sets maxes tonone
-
.max-zero
sets maxes to0
-
.max-viewport
sets maxes to viewport size -
.width-free
sets max-width tonone
-
.height-free
sets max-height tonone
-
.width-fit
sets max-width to100%
-
.height-fit
sets max-height to100%
-
.width-clip
sets max-width to0
-
.height-clip
sets max-height to0
-
.min-zero
sets mins to0
-
.min-auto
sets mins toauto
-
.min-viewport
sets mins to viewport size -
.width-force
sets min-width to100%
-
.height-force
sets min-height to100%
<img class="width-fit height-auto" src="example.png" alt="example">