JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 6
  • Score
    100M100P100Q40442F
  • 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

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

max

  • .max-none sets maxes to none
  • .max-zero sets maxes to 0
  • .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%
  • .width-clip sets max-width to 0
  • .height-clip sets max-height to 0

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">