JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 4
  • Score
    100M100P100Q40488F
  • License ISC

CSS widths and heights to the max

Package Exports

  • area.css

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (area.css) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

area.css

npm install area.css
@import 'node_modules/area.css/area';

classes

width

  • .width-zero sets width to 0
  • .width-all sets width to 100%
  • .width-em sets width to 1em
  • .width-rem sets width to 1rem
  • .width-viewport sets width to 100vw
  • .width-auto sets width to auto
  • .width-range keeps within 0 and 100%

height

  • .height-zero sets height to 0
  • .height-all sets height to 100%
  • .height-em sets height to 1em
  • .height-rem sets height to 1rem
  • .height-viewport sets height to 100vh
  • .height-auto sets height to auto
  • .height-range keeps within 0 and 100%

max

  • .max-none sets maxes to none
  • .max-zero sets maxes to 0
  • .max-auto sets maxes to auto
  • .max-viewport sets maxes to viewport size
  • .width-free sets max-width to none
  • .height-free sets max-height to none
  • .width-fit sets max-width to 100%
  • .height-fit sets max-height to 100%

min

  • .min-zero sets mins to 0
  • .min-auto sets mins to auto
  • .min-viewport sets mins to viewport size
  • .width-force sets min-width to 100%
  • .height-force sets min-height to 100%

usage

<img class="width-fit height-auto" src="example.png" alt="example">