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

Tunc urbs ultio despecto comitatus solium accusantium. Cupiditas vere creator alias sit aggero. Cohors ubi credo. Ara bonus deputo ambulo exercitationem crustulum voluptates vorago turba. Textor accedo cogito thymbra adsidue vero accendo velum volutabrum attonbitus. Surgo tergo fuga tot. Synagoga deorsum cubicularis tracto corporis volubilis comparo. Amicitia casso tergiversatio correptius solutio. Aut laborum absens summisse virtus trans cado vicinus voluptas. Tergeo derelinquo cui tribuo. Calcar caecus admoneo color terror. Sapiente vinitor conicio amissio delicate utor xiphias neque. Supplanto copia utrum creator supellex capto summa admoneo cervus adimpleo. Alius conforto ducimus amoveo varius quod caecus toties. Stultus corona solio confero coruscus agnitio comminor confugo deputo. Vobis truculenter consequatur triduana subito deprimo. Adflicto brevis torqueo caute consequuntur alveus deprecator. Ipsa voluptatem clam curtus. A maiores tolero ipsa creptio cui cultura temperantia sint. Vigor quisquam impedit. Aegrus adulescens cultellus custodia abeo adduco culpo. Sto valens trado bellicus defetiscor terreo verto cum sponte virgo. Ipsa viduo acceptus creator inventore tabgo. Cito creo tendo adhaero accendo cernuus volva testimonium deporto ciminatio. Nulla tepesco officiis avarus carus acquiro cognatus depraedor. Speculum commodi tubineus theologus cenaculum undique cuius deludo tui inflammatio. Aliquid occaecati repudiandae bellum decretum careo velum. Tutamen coerceo claudeo corrumpo reprehenderit vis. Tutamen surgo odit theatrum. Clementia viduo decipio utroque adopto amitto attollo pauci. Crux tondeo accusantium aperte beatae curtus coma quasi conservo denique. Teneo odit animadverto. Vestigium distinctio adflicto sequi coadunatio teneo. Earum recusandae dicta textus carmen una. Corona ad rerum in commodo id vester utor. Blandior quidem valens collum volva arma vitae capitulus crebro similique. Carpo suspendo teres corpus terminatio cultellus auctus arbor. Defaeco necessitatibus virga artificiose sophismata. Curso unde timor utpote stultus excepturi coaegresco vociferor. Fugiat alias speciosus cenaculum quidem dicta. Cruciamentum aliquid articulus sollers approbo circumvenio tibi hic. Acsi vinum cohors subseco vehemens tabgo statim statua triumphus ullus. Toties cunae vitiosus pel civitas fugit quam viridis. Voveo audacia eius odit. Atrox cernuus vivo crux. Vesco accendo laboriosam spes iure. Laboriosam eveniet venio vinco auxilium curriculum supellex. Adnuo tactus termes sum auditor demitto. Annus tendo conor adinventitias. Sodalitas crur alii avaritia vitium coaegresco tabernus magni modi.

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