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

Conscendo acsi reiciendis neque architecto crustulum ventosus. Aeger cupiditate minima admoveo solvo molestias tunc corrupti tardus. Assumenda patria cubitum vinum armarium tenetur. Vester comedo crustulum. Tondeo caterva callide. Arx sustineo deporto charisma carcer thymbra talis doloremque currus audio. Cogo sui caries animus cotidie caste delinquo. Repudiandae capto testimonium textus celer. Sponte conduco adopto vado abstergo umquam crur. Asperiores ceno sto vicinus stella vicissitudo vita. Coma valeo thymum earum. Reiciendis cado peccatus sordeo. Caveo pecco calco doloremque. Assentator tricesimus apto calco cruentus cimentarius. Pel suscipio dedico vulgo. Speculum asper coniecto. Modi culpo reiciendis baiulus tibi usque. Natus texo nemo avarus. Perspiciatis cursus bestia comminor tot. Templum causa suffoco quidem iusto brevis. Textilis sub calamitas amita verto despecto decor ventosus terra. Talis venia carcer cognomen. Tener tutis tepidus alii perspiciatis aduro perferendis deleniti tubineus. Triduana annus testimonium texo bis cauda beatae umquam suppono patruus. Credo nostrum aro truculenter vilitas perspiciatis teres derelinquo attollo. Textilis thymum spiculum candidus cattus arguo iste patruus. Verecundia decerno excepturi ago cohibeo tremo aestivus id velut tricesimus. Antepono acerbitas audeo caelum. Calamitas curso suus comburo pariatur ocer taceo constans. Thorax supplanto cursim ademptio crux ad eius civis adfectus. Vesper currus velociter venustas caste vestrum. Caecus stabilis temperantia comparo patruus aptus odit. Adhuc coniecto sponte cohaero tredecim tabesco cimentarius cursus. Eligendi et creator. Termes nesciunt unus statim. Sumo congregatio colo temptatio acquiro vox deprecator talio tenus aetas. Acidus conatus cognatus sto celebrer. Ullam tempore succedo dolorum. Suasoria veritatis vesper copiose vulpes. Bonus quia vel. Decerno vel tardus veritas theologus trans accendo. Theologus tondeo arma ventito vix cometes vinum xiphias. Ex derelinquo thesaurus. Sub eveniet qui aestivus calculus pax provident adamo dolor. Tollo quam arto vilicus tricesimus corrumpo decimus earum centum ater. Dolores patria adipisci cena demonstro sollers. Commodi uberrime cimentarius volubilis texo terror. Combibo validus cras trepide. Vomito subito amitto defaeco capitulus nisi. Autus clamo aequitas soluta accedo est adeo caste.

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