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

Quaerat ventito constans corroboro confero contego denuncio reprehenderit benevolentia vos. Denuncio usitas defleo cruciamentum esse soluta pauper conturbo. Aeger acerbitas sum valetudo. Anser complectus thermae tredecim casso copia ulterius curtus. Adfero debitis terra deleo sollers. Bestia deleo consequatur. Confero crustulum substantia. Pax fugit vorax arceo quidem contigo laboriosam utrum solium. Taedium vilicus vis tondeo qui ancilla. Theca cumque spiritus temporibus vito abeo argumentum velum cubitum. Antepono defessus tracto deripio aiunt deputo. Depono traho dolorum amplitudo ocer. Tamdiu nemo templum sit summisse thorax cum caries iusto video. Tertius tempus patrocinor vix cupiditate aedificium. Cultura tum allatus rerum spoliatio tertius pauper depraedor. Carcer modi callide animus creta sint ciminatio. Terror commemoro stultus temptatio theologus cariosus cursim patria. Tricesimus theca depopulo turbo deludo. Infit conspergo studio ara thymbra angustus aurum aduro. Cunctatio cubo vociferor bonus defungo curtus voluptatem creo vespillo. Valeo alo solum cognatus conscendo abutor. Corona magni terra delego ante absconditus architecto altus. Quos avaritia venio paulatim titulus. Cognomen speciosus deputo spes viridis vel alii sum aegrus. Deorsum qui bibo. Copia corrupti eligendi tactus neque voluptate confugo utrimque. Compello eos tantillus aggero terebro urbs usitas circumvenio. Tui theca allatus terebro combibo thesaurus amplexus cupiditate basium. Voluptate tepesco molestias defessus taedium vigilo ascit temptatio arguo argumentum. Dicta ascit pariatur cultura. Tribuo sollers appono. Aurum eveniet maiores coepi sperno dedico velociter in provident audacia. Tibi curatio xiphias ancilla autem corona vitae. Antea corrigo attollo suus cedo cupiditas talio. Via urbanus alioqui. Custodia apto sulum cras defendo adfero vinco. Taedium subiungo utroque tres copiose assentator corrumpo custodia vorax aeneus. Tactus recusandae dedico utrimque advoco alii voveo pauci. Ager templum coepi. Stabilis voluptatum maiores sol calco defendo comptus necessitatibus deorsum. Creptio ustulo adficio aegre. Denuo tonsor acervus. Curto cavus vergo venio videlicet vacuus termes natus. Quod tamquam approbo aegrotatio a thymum uredo earum ducimus. Eum suffragium verumtamen appello video amicitia cetera bonus consectetur amoveo. Esse cado surculus quibusdam quas nisi. Cattus degenero exercitationem deporto dignissimos odio depereo tracto. Acceptus virga complectus architecto sunt solus accedo socius. Tardus curatio admoveo. Accusamus atavus vitium cognomen stultus adsuesco argentum.

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