0.4.0 • Published 7 years ago
area.css v0.4.0
area.css
npm install area.css
@import 'node_modules/area.css/area';
classes
width
.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
.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
.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
.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%
usage
<img class="width-fit height-auto" src="example.png" alt="example">