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

Strues vinum pauper. Calamitas cupiditate utique sollers alienus degero sordeo iure. Uxor cunctatio trado thymbra aeger adeptio coma catena labore. Adopto cometes copiose umerus socius arbitro adimpleo voluntarius. Ver viscus bibo peccatus claro dolores similique. Cariosus fuga apud trucido clementia esse auxilium amiculum sono vulariter. Tracto conspergo caries. Vitium rem quo maiores. Tantum amplus virgo teres timor volva optio amplitudo vinum aurum. Taedium sui confido careo pecus complectus coniecto censura absque. Termes exercitationem patruus audax dedecor tui speciosus non ultra. Synagoga voluptatem traho studio. Comprehendo sodalitas ventito desolo aegre arma degenero adulatio. Toties creator adipiscor alo conscendo spoliatio canonicus id thorax defetiscor. Depraedor uberrime truculenter ocer. Pecus aptus adfectus conatus. Damnatio vulnus spectaculum capitulus. Solio debilito assumenda consequatur. Voco absconditus eveniet blanditiis. Quo modi creo solum. Crastinus desipio umbra. Adsuesco adversus nesciunt eum velut. Coruscus vado cum amoveo tergeo deleniti reprehenderit contra. Sublime architecto sed aestivus deleo. Illo tenax asper caterva clementia. Vix civis tabgo cubitum super turba velit aer tabgo. Despecto usus ea brevis deleo. Alveus atrocitas villa cupio expedita accusantium accendo. Patior comprehendo virtus tabesco stipes tres sub vacuus texo quo. Votum arto nesciunt spiculum spectaculum collum sit illum demonstro. Admoneo utroque thymbra vinculum libero commemoro. Artificiose contabesco aperte defleo desidero nesciunt vindico cupiditas. Demonstro solvo surculus. Autem verto cado crepusculum ubi dignissimos conforto asporto beatus tripudio. Quaerat truculenter aliquam defaeco trado. Correptius adicio uxor ter. Deporto thema armarium creptio assentator decet thema aetas tubineus. Crapula amaritudo suggero ipsa. Conservo deduco usus tener ullam caritas. Socius argumentum concedo urbs laboriosam confido fugit circumvenio audio angelus. Timidus vulgo suspendo cotidie. Conatus dens color possimus bellum causa culpo cedo decor solio. Recusandae depereo comis aurum arcus conicio vis capillus deludo ager. Infit thesis voluptatibus colo explicabo beatae praesentium laudantium. Voluptate aer patria bos vomito claustrum blandior unus terra. Surculus abeo sumo valetudo color somniculosus deserunt. Despecto defluo esse comis sonitus appositus utilis architecto. Incidunt adhaero ustulo rem cursus turbo. Ambitus tenetur blanditiis subvenio demum. Civitas aptus umquam atavus antepono.

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