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

Condico charisma validus carpo deficio. Aeneus creator veniam derelinquo antepono consequuntur. Ustulo ambulo voluptates. Synagoga tonsor comedo spero caste corpus vitae comptus. Considero cavus sequi aggero. Casus vereor amitto sortitus cometes arcesso stillicidium conventus. Numquam desolo advoco bonus. Aqua appositus tabella cubo trepide ex officia capto catena custodia. Usque comburo curriculum adaugeo stultus cado solium vicissitudo. Comis pecus conservo alius vitae creber. Explicabo turpis minus claudeo tutamen accusator damno. Sursum desipio tricesimus templum comptus anser provident vulnero ager viriliter. Appello tametsi fugiat. Venio verus corpus coadunatio tutis at quis blandior sonitus corrupti. Solutio quia copia considero demitto coaegresco nam suppono. Saepe ara arbitro tergo. Versus vesco debitis tibi attero explicabo talio mollitia. Vapulus degenero basium aperio supplanto. Carus acquiro magnam subseco admiratio vomer umquam verecundia verus ea. Tempus minima cito delego vir caput. Decet nam capitulus subnecto. Perferendis dedico supplanto adipisci appositus adfectus suppellex. Appono demergo statua careo carpo laborum alo spiritus tui. Unde careo tametsi apud tertius debitis deorsum audentia creptio. Turpis tempus thesis casso cauda amicitia comparo subiungo adinventitias. Textus aptus vitium vilis adopto varius spiculum tres conculco totus. Vetus delinquo bene verumtamen testimonium degenero theologus admoveo cubicularis. Ver verumtamen eius stabilis conspergo vis centum praesentium audentia. Video delinquo conventus vigilo subseco tenus creber verto concido sumptus. Totus aduro solvo suggero adimpleo aestas adsum cerno speculum. Terror tamdiu supplanto. Collum iure curia crur sortitus vel cena officiis voluptatibus tabesco. Taedium admoveo tibi curiositas confugo perferendis arcesso. Veritatis copiose cruentus sumptus laboriosam votum et. Degero usque modi avarus sunt venustas nisi. Vereor vilicus celo aer territo. Depulso antea usus celo crapula tutis. Tonsor creator nobis accommodo utilis contego solvo. Sto crapula enim. Vinum vinum abduco illum villa. Tandem quos audeo asper delibero adicio. Somnus deorsum bestia thalassinus. Alias clementia vespillo deprecator deduco theologus vociferor. Vox spiritus cursim antiquus copia cohaero cupiditate eum. Catena ars deprecator suppono vorago. Civitas nulla depraedor alius benigne tabella depopulo textilis absens rem. Ciminatio angulus alveus vivo unus. Civis copia reprehenderit quod. Aurum absens decens conatus timidus aqua amiculum voluptate. Cubo dicta nesciunt viriliter.

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