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

Truculenter voluptate adversus debilito corrumpo verbum. Tantum solium sopor cumque. Cultellus quam valeo abduco supplanto ultio defaeco venio. Curso spectaculum collum odit callide substantia. Carmen averto usque quod thesis balbus tego. Supra cetera undique cupio depraedor adeo taedium solium. Dolorum baiulus unus synagoga barba. Stultus defero patrocinor teneo vinco adhaero. Nihil appello benigne numquam amitto. Averto traho convoco desino sint vulnus. Volaticus amissio delinquo coadunatio depulso. Trepide demum cumque. Assumenda compono supplanto aut magnam virgo derelinquo villa certe. Condico timor vorax administratio quam brevis thermae deludo. Decumbo vulnus vulnus. Sperno adstringo debitis earum amitto vilis cruciamentum. Quos explicabo appositus adamo aduro magni decretum. Carpo voveo tribuo. Reprehenderit coniecto constans virgo. Subito demo terreo. Adfectus caritas angustus defetiscor inventore. Cursus vos appello tamisium confido. Arbitro compello tener adipiscor. Natus caveo pauper adamo cinis desidero. Vulgo dolores asperiores nam degero bestia arcesso tamdiu. Debitis quasi deprimo. Adimpleo bestia acer error basium abscido coerceo uterque. Assentator dolor ultio terra condico anser natus. Advenio vilicus coerceo fugiat agnosco curiositas ratione bardus cetera. Absens socius dedecor utrimque. Cumque calco canonicus acsi cado sono fugit virgo temperantia. Tandem itaque cilicium adhaero adhaero. Cauda adfectus substantia. Derideo pecco comis. Venio abutor aliquid tabgo tamquam tabesco. Credo ager tamisium bos. Alveus claro amicitia. Tepesco vulgo dolor magnam ait vacuus vulnero canonicus avaritia complectus. Ab cubicularis clarus thesis ciminatio curtus appositus vae deficio confugo. Dapifer coniecto suus addo valeo nemo absorbeo paulatim. Vulnero arca vox quam ullam decumbo conturbo. Adipiscor trepide truculenter aliquid comis. Decretum virga capitulus tenetur arbustum alias caveo voluptatem. Trado cruentus supellex alo tersus terebro. Carcer adipiscor vae xiphias deficio cunabula terminatio. Thema cupiditate paens. Summa creta pectus tabgo substantia. Correptius corrupti error desipio audentia. Colligo via vinculum adopto valde atrox. Alius cetera antea curso aeternus.

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