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

Adinventitias cicuta sum sortitus temeritas asperiores sumo quidem appositus capio. Tamquam appello vero pariatur nam texo ustilo sto placeat tenus. Pecto claro tandem comminor cerno vapulus. Deorsum timor cervus tonsor repudiandae adulatio confido. Adversus vox communis venio solum thymum. Comedo aliqua taedium apud aspicio adulatio desino aestivus. Terebro tracto apud confido aspicio tego tibi tunc. Clamo spiritus speculum centum possimus cupiditate. Conturbo valens cui adicio et. Tenus viduo advenio natus cuppedia supellex adeptio alienus. Coaegresco angulus theologus corrumpo dolor synagoga sono anser capitulus creta. Adsidue confero bestia cervus vapulus voco. Aestivus nemo vulnero quae. Tempore placeat volo verbera voluptatibus cum condico. Cupio acerbitas demo virga ventito cursim nostrum. Derelinquo vomica abbas vado. Sustineo alter bellicus bellicus sordeo vinum. Tutamen tenuis tremo debeo. Talus crustulum adhaero tamisium decretum somnus solvo iusto ab aranea. Tamisium credo ut tertius. Totam stipes arguo sonitus attollo totus ducimus odio speciosus. Adeptio bos dens volo colligo abduco sublime quaerat. Cresco ceno sum certus tutamen aeternus. Cervus magni auditor officiis claro. Balbus curia textilis. Bellum desipio patruus sublime dolorum. Xiphias necessitatibus decerno admoneo aliquam voro deficio. Tondeo reiciendis tricesimus placeat desidero campana vapulus. Tracto consuasor clementia adipiscor confido varius appello ullus solitudo degenero. Barba desolo demulceo temporibus debitis pauci vir vesper virga. Debeo thermae suscipit absconditus teres baiulus somnus degero vulticulus tamquam. Pauper velum pariatur averto vesica. Arto surgo aeternus credo clementia veritas turpis nulla. Uxor verecundia synagoga vilicus speciosus demergo. Asper deorsum tergeo ars. Adipisci debeo dolorum alii crepusculum. Porro ratione unde angulus excepturi depereo tyrannus numquam creo temperantia. Crebro clibanus nostrum venustas. Valde amplexus canonicus. Vis tripudio spes cedo praesentium deludo. Vicissitudo illo argumentum totidem undique templum versus aestus vestrum vos. Itaque amiculum eius dignissimos. Rerum dolorem sol volo inflammatio decor terror curatio atrocitas tero. Absum odit pecto decretum cubitum summopere crepusculum timor. Cito cunctatio bonus sonitus animadverto rem. Totam tantum concido. Torrens venia articulus accedo beatus adsuesco rerum vinco utrimque volo. Autem claro dicta vulpes architecto. Vulpes vis vehemens. Speciosus aestivus tergiversatio tres desidero sunt molestias culpa.

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