/placement.css

Functional CSS positioning bundle

Primary LanguageHTMLISC LicenseISC

placement.css

Functional CSS positioning bundle

setup

npm install placement.css

@import 'node_modules/placement.css/placement';

classes

position.css

  • .static
  • .relative
  • .absolute
  • .fixed
  • .sticky

at.css

  • .middle vertical center
  • .centre vertical and horizontal center

edge.css

  • .edge-0
  • .edge-auto
  • .top-0
  • .left-0
  • .right-0
  • .bottom-0
  • .top-auto
  • .left-auto
  • .right-auto
  • .bottom-auto

usage

<div class="relative">
  <p class="absolute centre">I'm centered</p>
</div>
<div class="relative">
  <p class="absolute edge-0">I fill my container</p>
</div>