MonorailCss

Inset Block

Utilities for controlling the vertical placement of positioned elements.

Class CSS Output
inset-y-0 
inset-block: calc(var(--spacing) * 0);
}
inset-y-4 
inset-block: calc(var(--spacing) * 4);
}
inset-y-8 
inset-block: calc(var(--spacing) * 8);
}
inset-y-auto 
inset-block: auto;
}
inset-y-px 
inset-block: 1px;
}
inset-y-[value] 
inset-y: [value]
}
-inset-y-4 
inset-block: calc(var(--spacing) * -4);
}

inset-y-0

inset-block: calc(var(--spacing) * 0);

inset-y-4

inset-block: calc(var(--spacing) * 4);

inset-y-8

inset-block: calc(var(--spacing) * 8);

inset-y-auto

inset-block: auto;

inset-y-px

inset-block: 1px;

inset-y-[value]

inset-y: [value]

-inset-y-4

inset-block: calc(var(--spacing) * -4);

Reference

inset-block MDN ↗
inset-y MDN ↗

CSS Properties

  • inset-block
  • inset-y