tailwindcss/docs/source/docs/max-width.blade.md at 40715a76eccd323a8e512eeda13b43671d8bab91 - wrapper/tailwindcss - Repo

wrapper/tailwindcss

Matt Stauffer 613036f609 Move feature badges into yaml

2017-11-07 16:27:03 -05:00

4.9 KiB

Raw Blame History

extends

title

description

features

_layouts.documentation

Max-Width

Utilities for setting the maximum width of an element

responsive	customizable	hover	focus
true	true	false	false

@include('_partials.work-in-progress')

Class	Properties	Description
.max-w-xs	max-width: 20rem;	Set the element's maximum width to `20rem`.
.max-w-sm	max-width: 30rem;	Set the element's maximum width to `30rem`.
.max-w-md	max-width: 40rem;	Set the element's maximum width to `40rem`.
.max-w-lg	max-width: 50rem;	Set the element's maximum width to `50rem`.
.max-w-xl	max-width: 60rem;	Set the element's maximum width to `60rem`.
.max-w-2xl	max-width: 70rem;	Set the element's maximum width to `70rem`.
.max-w-3xl	max-width: 80rem;	Set the element's maximum width to `80rem`.
.max-w-4xl	max-width: 90rem;	Set the element's maximum width to `90rem`.
.max-w-5xl	max-width: 100rem;	Set the element's maximum width to `100rem`.
.max-w-full	max-width: 100%;	Set the element's maximum width to `100%`.