Size

Classes related to edge alignment, which set the position of an element based on its distance from the top, left, right, or bottom edges of its parent element.

  • .top-0{top: 0}.left-0{left: 0}.right-0{right: 0}.bottom-0{bottom: 0}
    .top-20p{top: 20%}.left-20p{left: 20%}.right-20p{right: 20%}.bottom-20p{bottom: 20%}
    .top-25p{top: 25%}.left-25p{left: 25%}.right-25p{right: 25%}.bottom-25p{bottom: 25%}
    .top-50p{top: 50%}.left-50p{left: 50%}.right-50p{right: 50%}.bottom-50p{bottom: 50%}
    .top-75p{top: 75%}.left-75p{left: 75%}.right-75p{right: 75%}.bottom-75p{bottom: 75%}
    .top-80p{top: 80%}.left-80p{left: 80%}.right-80p{right: 80%}.bottom-80p{bottom: 80%}
    

Last updated