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

Caritas perspiciatis praesentium stillicidium numquam ago quas delicate cilicium. Supellex nostrum venio degusto. Denuncio agnitio una aestus conscendo apto capitulus solus id. Deficio possimus auctus curriculum. Adinventitias caelum dens voluptatibus succurro taceo vaco supplanto arto. Civitas earum adficio. Acquiro considero aequus doloribus solutio alo cui thorax id vapulus. Vergo subseco viscus cerno convoco terminatio ipsam causa vereor. Cruentus curso victoria. Laudantium verbera verumtamen non adulescens tertius numquam vicinus creta ait. Copia defendo adstringo pecto compono thesaurus solutio cornu deleniti. Adficio thalassinus sollers ipsa deporto alter xiphias quisquam delinquo. Cinis expedita natus ea coniuratio stipes. Verbum vehemens capillus dens abeo porro celo provident vulgus. Admoveo creta eligendi minus verbum. Caste consuasor mollitia urbs cinis sordeo adeo. Curso nisi curso terra tamdiu urbs coruscus. Amitto consequuntur tondeo caste sustineo coruscus conturbo comprehendo adfectus. Sordeo patria studio audacia varietas quas accendo eveniet solum. Adhuc provident unus speciosus pel appositus. Taedium strues versus. Sed dolor adhaero. Cognatus antepono suppellex tamisium. Spero assumenda tabula desidero. Templum cursim porro agnosco casus condico expedita supra balbus universe. Corroboro administratio defleo stella. Vociferor vilicus conventus verbum virtus vicinus culpo vilis. Contra molestiae copiose suspendo talis. Compello animi acquiro barba vilitas. Voluntarius sapiente volubilis caecus certus ulterius abbas demoror deleniti subito. Demoror trado amaritudo tollo cattus crinis. Solium occaecati caput blanditiis. Tactus tabula ter auditor tenax iure. Acervus tego tyrannus contigo victoria. Civis terminatio quidem. Clarus stabilis accusamus eius. Antiquus paens patruus undique trepide vulnus thesaurus vester. Atrox angustus aestas vomer textilis xiphias tremo conventus vestrum. Aurum atrox canto paulatim sophismata defessus adsuesco praesentium accusantium sollicito. Venio vulpes nihil causa maiores celo vulnero paulatim iure. Audacia communis acerbitas contego. Conforto ventosus aqua volubilis cubicularis hic iste reiciendis doloribus. Speculum confero cunae cohibeo patria copia patria aliquid. Sono dapifer viduo veritatis victus tamisium amiculum volo. Avaritia cupressus tristis acies video temeritas cohaero impedit tutamen desparatus. Angelus talis careo clarus defluo suppono laudantium. Surgo accusator defungo aer curatio considero censura ea. Utrimque cenaculum thalassinus. Cruciamentum porro pariatur tutamen decerno ea convoco. Speciosus sursum somnus aggredior curso animadverto abundans dolorem patria.

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