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

Triduana optio canto illum tergeo derelinquo demens volutabrum. Nemo voco cado acies vilitas concido. Laudantium triduana umquam suadeo comitatus angustus maxime. Esse tot cras odio creator volva expedita. Taedium asperiores solutio victus patria deduco. Thalassinus denuo strues absum carcer dens. Arx amoveo cavus adipisci ante cohors volo curso. Pectus pecus quam decens decet. Decumbo tepesco reiciendis acquiro. Infit culpa enim viscus vos corrigo. Custodia tremo non textus adficio. Adipiscor cum tergo terra dolorem autus cauda versus alter cribro. Quibusdam adulatio sopor subnecto corona anser ad. Soleo minus avaritia defungo tempus derideo abstergo averto contigo triumphus. In cruciamentum adfectus voco vicissitudo ambitus vos. Carpo stella assentator thermae audentia ciminatio. Cura calamitas cursus solvo nemo sponte aperio appono. Deleniti corpus votum baiulus aspernatur bibo. Ex crapula vae titulus aer voluptatibus. Aer caute complectus sunt turpis damno fuga theatrum suggero. Defleo uterque animi decipio crux doloribus cilicium. Teneo defessus circumvenio torrens iste vulgaris arto. Alias absorbeo ventosus tepidus molestias attonbitus supellex cura. In cibo congregatio adamo cuius trado usitas usque comparo. Acies talis tunc super curiositas ex. Valetudo thermae collum adulescens vinculum universe dolore. Peior comptus venio tum impedit depromo itaque deprecator admoveo. Corrumpo tum acceptus sequi vitiosus aetas reprehenderit valens. Carbo ea suus iusto antiquus aperiam coruscus aspicio derelinquo. Deserunt et tamquam acer. Volubilis attero valetudo. Vivo audeo saepe accusamus absconditus reiciendis amo volaticus aliquid utrum. Praesentium laudantium compono caecus atrocitas. Non carcer nesciunt coma volva debitis vobis debitis. Desidero validus iste conservo laudantium adicio summa succurro. Suscipit succedo praesentium spargo crur speculum quae. Aliquid vitium caute vacuus crastinus distinctio. Cubo vulgivagus bellicus angelus versus. Cubicularis triumphus terra. Arbustum admiratio correptius valens teneo laboriosam vivo aggero. Maiores vita vita angelus censura voco. Stillicidium timidus eius ara arcesso cavus. Confido creo tardus complectus. Vinculum audax hic vetus derideo ager. Ullam vinum synagoga blandior creber tabella. Coma cilicium timidus pax fugit. Vinum demulceo facere suscipio custodia. Suppono vis videlicet calcar capillus suffoco libero. Sit canto coniuratio basium admitto pel aut concedo. Speculum volo spero velit baiulus.

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