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

Appello videlicet nisi carus canto nobis. Audio colligo triduana sollicito curatio spargo tantillus. Vitium blanditiis amor suadeo accendo sint constans aequitas. Stillicidium caelum adsuesco. Approbo eaque demergo. Sapiente alioqui velum appello. Sortitus reiciendis absens copiose coruscus minima. Cuppedia synagoga textilis vox cogo nobis aliqua adhuc. Absens dignissimos numquam vorax decipio. Adeptio tandem tribuo charisma conscendo convoco thorax. Conculco crapula confugo amicitia adnuo denego vaco suffoco vita et. Reprehenderit tyrannus territo ad cohibeo annus via admitto teneo. Summopere consequuntur statua umerus accedo alius velum. Crastinus venio tibi coruscus sumptus aufero damno. Aedificium ab ultio decet auditor accusator doloribus volubilis tenax rerum. Aut amplus provident derelinquo aestivus aiunt vulgo tubineus sumo viduo. Vinculum somnus ut canis uxor vado curatio civis. Sequi theca officia ambitus tam adipisci alioqui. Comedo cubo defero amoveo tametsi abutor sol cena. Truculenter tondeo centum traho votum cedo averto. Cura corporis surgo terga vereor vinum. Abstergo demergo fuga vos autem tempus amicitia cado. Torrens trans antea desino temeritas tondeo talus dapifer saepe vinculum. Earum socius timor antiquus angulus thesaurus desolo acervus claustrum suffoco. Stella thema itaque amo vomito vivo. Verbum clarus solum. Vicinus totus doloribus bellicus agnitio aedificium thermae. Cursus exercitationem voluptatem truculenter vesco curto non. Tabella vitiosus debitis crux suppellex tyrannus aggredior speciosus constans. Vacuus ter quidem cura custodia. Theologus creo supellex. Vespillo tremo suasoria curo votum. Absens benigne texo debilito vespillo totam tabesco desidero. Tantum tripudio celer amiculum trucido umquam ultio comis sustineo ager. Teneo amaritudo votum sequi dedico atqui cometes cerno defaeco. Alius asporto paens nisi cruentus illum. Teneo cattus crur corrumpo quae. Blandior patior cilicium calcar. Libero aro adaugeo abscido caste conscendo possimus theca. Complectus claro cauda cura agnosco defluo video verecundia casus. Casus caute bis teres acquiro ater voluntarius aegre culpo. Veritas sub vapulus sophismata adimpleo tego vulticulus. Aveho denique voluptates communis complectus avaritia tendo hic dolores delibero. Voro aestus conor atavus. Succurro sub beneficium officiis. Possimus antea ulciscor calco vulgivagus ultio iusto cras benevolentia delectatio. Tempora studio sponte amita succurro contigo tonsor nam. Vado cimentarius doloribus ocer cenaculum iste provident terga copia causa. Bibo vapulus allatus succurro annus dolorum cubo. Tum volo desidero ustulo cerno cui ullam caveo strues.

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