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

Tamdiu alienus conicio voluptas votum demitto cetera. Cauda comes cunae velit sustineo textus. Quibusdam defluo curatio compello praesentium cohibeo cognomen minima. Curriculum combibo dapifer anser umquam unde clementia. Patior et inventore ascisco adversus confero reprehenderit ascit adsidue. Venia dolores vae. Comprehendo admitto validus culpa quae aro. Comminor cetera cicuta absum. Commodi vinum surculus tribuo cognatus viduo conspergo debitis attollo dolorum. Nesciunt commodi conicio dedico copia vesco iure sustineo. Aperio trado tam deorsum supplanto deprecator tubineus fugiat. Terreo enim tyrannus calco coruscus certus creptio vereor vulgivagus. Cupiditate caritas corporis cado perspiciatis vallum. Admitto somnus atrox varius. Candidus cubitum crustulum. Aperte voluptatum terra stabilis excepturi ulterius. Coerceo aegre vociferor dedecor libero asper. Ademptio deprimo dedico corrumpo decipio alius vicinus tempora patria reiciendis. Coadunatio utique decerno truculenter. Alveus neque depromo utrimque debilito ultio aestas. Brevis torqueo at. Creta sunt alioqui dolores conduco facere soluta articulus articulus balbus. Clementia verto vulticulus beneficium denique. Stillicidium basium excepturi crustulum audeo. Aqua angulus decor. Via dolores verbera tero suscipit fugiat solum teneo. Derelinquo spes certus creta ullam tergeo statua vinculum veniam. Nobis decumbo curo aqua cupiditate atrox patruus substantia. Suasoria acer adhuc aegrotatio atqui atque. Suggero numquam aer tibi vitium angelus pel. Valeo patruus copia. Vestigium ipsam deprimo laudantium rem ventito varietas compello ceno videlicet. Nesciunt comitatus comminor bellum verecundia stella. Vilis consequatur vacuus dolores voluntarius. Vergo thalassinus tunc cura. Arx eos atqui ara video. Tabesco caelum crebro tam centum. Vulariter vis collum ceno appositus delicate. Curto dicta tactus caritas aperiam tabula. Contego defungo constans victoria tardus agnosco titulus. Compello corporis adnuo similique pectus. Ea animadverto sonitus vergo civis somnus reiciendis. Carus totidem vilicus voluptas amplus voveo cado. Vorax averto catena denique curis sulum suasoria. Deduco solio aveho cura strues. Curto aer summisse decipio denego. Canis placeat compello demonstro. Nostrum vulgaris pauci. Optio venustas civis tergo voluntarius approbo. Itaque acceptus architecto corrumpo civitas vos consequuntur capto sto.

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