Tailwind

Core

Provides a variety of globally scoped styles.

Source Page Source

Body Background

Your app's background is automatically set via a design token class. Adjust your theme's color scheme to customize. This affects both light and dark mode.

css 
body { @apply bg-surface-50-900-token; }

Selection

Selection color is also set via a token class. Try selecting the text in the card element below to preview this styling. Notice how selection color changes depending on the background.

The quick brown fox jumps over the lazy dog.

Try selecting the text above.

Mobile Focus

Interactive elements on mobile will briefly show a focus style when touched. Skeleton adjusts the coloring.

Scrollbars

Skeleton automatically provides custom scrollbar styles in supported browsers. Use .hide-scrollbar to disable scrollbars.

Test Scrolling Here

At utique contigo tibi volo admitto coerceo tot. Vulgo civis ait cupressus agnitio suadeo. Attonbitus tactus confido victoria peior cervus conatus quidem universe. In beatae ancilla teneo peccatus allatus eveniet acies terga. Vel tripudio vivo verecundia speculum communis. Tendo curatio desidero adipiscor audio. Cedo tam auxilium ante spes. Aegre volo quas advoco. Arbor uxor ancilla veniam degenero villa antiquus vinum consuasor. Alias creber consequuntur taceo audeo facere dens facilis qui. Quod amicitia in. Sopor cunctatio vere. Coruscus admoveo sordeo urbs trepide appositus ultio. Ipsa acsi ut ater ut uterque voco molestiae. Repudiandae aveho voluntarius universe ascit debeo carmen arbustum acquiro cetera. Tergo comis coadunatio curatio tener audeo tepesco cubitum cubo tepesco. Aptus quaerat tepesco contego sustineo adnuo cur acceptus. Laborum cruciamentum atrox alias. Vere decens vitiosus denego sufficio architecto sunt dolore tergum cubicularis. Ceno adstringo traho coma. Ratione conservo tego adipiscor perspiciatis voluptatibus. Universe vesco coerceo certe decerno sopor. Sono earum vulgo contra. Cibo autus sapiente patrocinor sumptus despecto vae demergo bibo. Vis deripio tamquam denique volubilis vestrum apparatus arca appono. Enim sto pauper corrupti odit damno defendo. Canto cubitum tutamen arcus cauda. Carmen speculum ultra bibo coadunatio soleo. Umbra turba spes tondeo sopor correptius. Triduana tumultus sit. At uredo usitas aufero cedo desipio. Comis beatus omnis sed totam auctus cultellus cometes spero. Via aureus nam pax acies subiungo eveniet casso cedo. Voco vereor uberrime debilito demo delectatio bonus fugit. Sustineo infit expedita stella adeptio. Adicio deserunt cernuus thesaurus. Sono vix ullus synagoga stabilis vespillo ultio comptus suadeo. Voluptatibus cavus vita artificiose solvo aurum campana. Amo defungo accusantium maxime. Stips accendo maxime vindico voluntarius tum pecco vulgaris. Labore eos facilis verumtamen vesica. Terga deorsum quos thalassinus vesper. Censura nesciunt altus absorbeo sophismata. Denuncio truculenter totus quos averto cupio cenaculum beneficium spero. Sumo deorsum aliquam error assentator. Adimpleo strues sono. Quibusdam peior doloribus umerus bellum nisi apostolus amitto. Ambitus admitto argentum. Tepesco bonus unus nemo ea bellum vomer adamo. Sursum arcesso ab deleniti adulatio voluptatem cuppedia chirographum.

Dividers

Native hr horizontal rule elements respect your theme settings automatically. Use border size to adjust the width.

Divider Styling

Dividers may be dashed, dotted, or doubled.

Vertical Dividers

Divide columns with the .divider-vertical class. You can apply it with a span tag. Adjust the height as desired.

Left

Right