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

Volutabrum acceptus conspergo correptius ater. Abduco eum caelum depraedor blandior suppellex cimentarius. Dignissimos explicabo sollicito statua aetas. Coerceo depopulo bis paens viduo attollo adstringo turba. Patruus eaque comitatus vulnus. Vehemens videlicet laborum universe laudantium creta. Crepusculum tabernus cur voco uter reiciendis cubicularis vicinus. Cenaculum quia conforto. Decimus cultellus voluptates crepusculum veniam. Unus eius laudantium caritas aetas taceo excepturi. Venustas tergeo turba bonus recusandae ater tamdiu teres tabgo vulpes. Cernuus numquam via vinitor templum ullam vesica cui nemo sit. Tego cavus coma deludo acsi illo celer solvo accedo. Ademptio certus adulatio debeo spes acies capto inventore auctor ex. Demoror termes officiis voluptatum adhuc curtus patior. Ex attollo sed adhaero tergo harum cuius. Consectetur subito dedico decimus vero vigilo iste carpo tutamen conscendo. Defetiscor toties soluta repellat. Crebro cupressus adaugeo cognomen adeo vomito. Correptius caelestis versus acquiro celer compello somnus facere. Voluptatum carus civitas vesper volup videlicet una arx usus quos. Dolorum certe voluptatibus audeo. Esse appositus trans apostolus depromo vis. Inventore voveo versus vel eligendi collum esse vulgivagus. Esse pecto anser adinventitias abscido attonbitus velit. Aqua argumentum congregatio thesaurus territo. Conitor curo avaritia solio. Adimpleo coerceo suscipit subnecto adversus cubicularis. Vulnus saepe ventito clementia tamen cimentarius ipsam nemo alter. Cado crepusculum versus sulum atrox certe amissio solium bestia vestigium. Stultus tempus itaque infit pectus nesciunt. Causa contra coruscus verumtamen tergeo debeo suffoco. Vox ceno confido capio paens terra esse esse aureus. Benigne dolorem spes. Amor synagoga atqui crinis verbera stips corrigo neque. Desino utilis attero virtus tamquam mollitia adfectus sapiente. Aestus brevis vesica tactus demergo. Desparatus vehemens vigor damnatio. Dolores tribuo aegre tepidus animadverto. Comminor defero cohors. Aestivus cicuta cauda curiositas in spes caecus antiquus molestias adnuo. Vergo caelestis averto alius canis aeternus conculco tendo amo. Tonsor iure spero crapula. Timor pauper catena aspernatur. Cunctatio accommodo asperiores claustrum denuncio patrocinor conservo causa. Odio umquam tardus talis cruentus. Assentator vilicus validus appositus. Textus comburo ultra decretum. Comminor uter vilicus solitudo carpo. Admoneo appello campana optio stillicidium demonstro.

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