Skip to content

commercialprogression/property--value

property--value CSS mini-library

License: MIT node.js dependencies node.js dev dependencies

property--value logo

property--value is a tiny utility library of the CSS properties that have keyword values, written with two dashes between the property and the keyword value.

If you know CSS well, you'll probably never have to look up the classes; you already know them!

And the best part: all this class-based styling can be yours for 1.5 kB (Brotli-compressed)

Class list

  • align-content--center
  • align-content--flex-end
  • align-content--flex-start
  • align-content--space-around
  • align-content--space-between (align-content--dave-matthews)
  • align-content--space-evenly
  • align-content--stretch
  • align-items--baseline
  • align-items--center
  • align-items--flex-end
  • align-items--flex-start
  • align-items--stretch
  • align-self--baseline
  • align-self--center
  • align-self--flex-end
  • align-self--flex-start
  • align-self--stretch
  • background-attachment--fixed
  • background-attachment--local
  • background-attachment--scroll
  • background-position-x--center
  • background-position-x--left
  • background-position-x--right
  • background-position-y--bottom
  • background-position-y--center
  • background-position-y--top
  • background-repeat--no-repeat
  • background-repeat--repeat
  • background-repeat--repeat-x
  • background-repeat--repeat-y
  • background-repeat--round
  • background-repeat--space
  • background-size--auto
  • background-size--contain
  • background-size--cover
  • clear--both
  • clear--left
  • clear--none
  • clear--right
  • display--block
  • display--flex
  • display--grid
  • display--inline
  • display--inline-block
  • display--table
  • filter--blur
  • filter--brightness
  • filter--contrast
  • filter--grayscale
  • filter--invert
  • filter--saturate
  • filter--sepia
  • flex--1
  • flex--2
  • flex--3
  • flex--4
  • flex--5
  • flex--6
  • flex--auto
  • flex--initial
  • flex--none
  • flex-direction--column
  • flex-direction--column-reverse
  • flex-direction--row
  • flex-direction--row-reverse
  • flex-wrap--nowrap
  • flex-wrap--wrap
  • flex-wrap--wrap-reverse
  • float--left
  • float--right
  • font-stretch--condensed
  • font-stretch--expanded
  • font-stretch--extra-condensed
  • font-stretch--extra-expanded
  • font-stretch--normal
  • font-stretch--semi-condensed
  • font-stretch--semi-expanded
  • font-stretch--ultra-condensed
  • font-stretch--ultra-expanded
  • font-style--italic
  • font-weight--100 (font-weight--lighter)
  • font-weight--200
  • font-weight--300 (font-weight--light)
  • font-weight--400 (font-weight--normal)
  • font-weight--500
  • font-weight--600 (font-weight--bold)
  • font-weight--700 (font-weight--bolder)
  • font-weight--800
  • font-weight--900
  • justify-content--center
  • justify-content--flex-end
  • justify-content--flex-start
  • justify-content--space-around
  • justify-content--space-between (justify-content--dave-matthews)
  • justify-content--space-evenly
  • justify-content--stretch
  • overflow--auto
  • overflow--hidden
  • overflow--overlay
  • overflow--scroll
  • overflow--visible
  • position--absolute
  • position--fixed
  • position--relative
  • position--static
  • position--sticky
  • text-align--center
  • text-align--justify
  • text-align--left
  • text-align--right
  • text-transform--capitalize
  • text-transform--lowercase
  • text-transform--none
  • text-transform--uppercase
  • vertical-align--baseline
  • vertical-align--bottom
  • vertical-align--middle
  • vertical-align--sub
  • vertical-align--super
  • vertical-align--text-bottom
  • vertical-align--text-top
  • vertical-align--top

Support/Contributing/etc.

Coming soon.

About

Easy-to-use CSS classes you already know, without the cruft

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •