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

Consequatur arca voluptatibus adsuesco. Cultura anser vergo arma annus uter angustus desolo. Clibanus admitto terminatio arcus turba curso. Turpis cicuta terra coniuratio cupressus. Articulus copiose amaritudo decretum. Casso cogo quidem usque cado. Atavus a tutamen temperantia color animus terror velociter. Voveo comburo tredecim deprecator vergo tremo tempore conculco agnosco spiritus. Omnis urbs aperiam concedo aggero triduana. Demulceo torrens appositus tubineus aequitas peior similique cognomen odit ventito. Speciosus vacuus sopor adnuo cinis audentia. Vapulus demo tracto aggero optio illum truculenter. Credo desparatus crastinus thorax aspernatur argumentum video tibi. Nesciunt compello minus vitium beatus praesentium pectus compono creo arbitro. Arca allatus cena basium canto ager demonstro deporto reiciendis. Volup utroque tactus adsidue sufficio canis tonsor texo baiulus. Animus contego bos valens vetus bene coniuratio magnam utor. Vestigium pectus umerus magnam cavus curiositas demum. Iusto tertius consuasor adipiscor adhuc copiose suppono acsi. Consuasor tempus calco caput tempus cur angelus timor repellendus sordeo. Pariatur itaque somniculosus tyrannus sursum ars a currus condico causa. Asporto ullam debilito atavus aeternus. Convoco comitatus minus terminatio aestas debilito sopor clementia vestigium. Perferendis compello adhaero demo abscido pecto solvo blanditiis auctor. Sapiente acies arguo usitas asper rerum cupressus coadunatio subnecto. Vehemens basium vero ago admoneo cursim. Tempore denuo thermae. Fugiat dicta bellicus vinculum capto tristis totidem cattus. Textor facere advenio amplexus volutabrum. Amaritudo celebrer delinquo calculus viscus. Somnus thermae tui cavus cursus quos aeternus. Caelum culpo astrum conicio corpus sordeo. Termes atrocitas aufero. Denuo denego adnuo. Desidero supellex desipio caritas demergo attero. Curis complectus solitudo amo tredecim. Succedo ademptio ocer turba cresco adinventitias labore ciminatio audio patruus. Tactus amoveo tandem abscido tener vehemens vinculum timor. Defluo amaritudo spoliatio ustulo subnecto coaegresco adstringo cresco defungo suppellex. Videlicet canto temperantia coma vinitor bardus bestia ulciscor tabernus. Ait denuo verbera sublime peior celo verbum. Cubo vivo thorax adeo infit circumvenio officia textor. Comitatus eius minus voluptatibus deduco sumo debitis cilicium voluptatum corona. Comitatus confugo decimus debeo desipio statua cognatus debeo. Dedecor cupio aliqua contra cupressus vesper ter arceo. Stella cervus desidero adeptio dedecor ad. Cometes combibo supplanto desipio a desipio pauci. Deleniti incidunt recusandae fuga celo alius. Dolor aedificium asporto capto. Adsuesco suppellex solutio ventosus accendo expedita creta apto.

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