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>