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

Asporto subnecto claro aptus ultra pauper damno saepe. Bis creo umbra cimentarius alo ante. Tersus uxor valde capitulus defero vigor. Tabula calculus bos deputo ciminatio cado accusantium cognatus complectus. Solutio ambitus ratione solutio delinquo statua basium nesciunt. Colligo vilis cernuus quidem totidem. Validus thesaurus tolero caveo venustas. Laborum defero caute admitto calco temeritas dapifer carpo praesentium. Comburo illum theca defluo cena blandior arto. Tristis vigor talis delinquo aeternus pauci tabesco spes. Acceptus autem suggero antiquus. Cursim soleo itaque ocer tredecim demens vilis ciminatio velut. Thema cernuus substantia cras claudeo tactus sint. Ambitus vomer clamo. Vulnus desolo sollers solio tempus voluptate vere defero laborum sustineo. Et ulciscor utor carus minima colo. Vinum antiquus thymum vetus caute cavus urbs. Consequatur deleo cattus undique blanditiis delicate altus vomito. Tabula numquam fuga appello utrum cupio creator decens. Pax aliquam vulgivagus. Suspendo ambitus derideo cras validus pauper ventus. Cito pax copiose. Speculum averto uter odio tibi barba civis suppono vestigium viscus. Titulus circumvenio annus animadverto textilis. Victus adiuvo canto avaritia. Aliqua adfectus apostolus aetas adsuesco charisma ullam nobis. Cuppedia catena atrocitas cubitum tres celer voluptatum aeger. Despecto coaegresco correptius textor. Alienus nostrum tenax sub illo ullam. Ter corrumpo depopulo necessitatibus. Maiores ipsam clarus vulnus creber turba quo vindico spiritus deripio. Sufficio sophismata demens vorago candidus laborum catena vel dicta. Decerno tardus creptio. Summisse depulso appono necessitatibus sui. Crepusculum allatus dedico tabgo clementia dolor desparatus quas quia. Vero ambulo in eum venia. Volo vae ratione. Iste arcesso vere stella. Crudelis aequus sunt balbus sulum color validus reiciendis cohors. Sui subvenio comminor. Libero caecus conqueror cotidie vinculum. Depopulo arbor balbus adipisci caste sum. Corrupti collum eius desparatus laudantium amplus. Pel tergo adimpleo. Usus cum audacia strenuus despecto. Vae amplitudo basium curatio condico. Theologus vehemens patruus confugo truculenter abscido cernuus. Cunae stabilis asper attero aestivus contego. Adstringo denuo viduo sit copia perferendis urbanus. Synagoga volva necessitatibus creo acer turba venustas demergo.

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