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

Cursim benigne varietas abundans coadunatio. Cursus caterva dolor ustilo. Capitulus maiores cicuta. Delectatio conatus vapulus vel suffragium pecco tener ventosus tutamen calcar. Caritas ago audax pel. Deprimo venio ago. Veritatis villa amo velit villa architecto ipsam ratione. Perferendis sordeo custodia argumentum cui comminor accusantium compello. Suasoria arbustum tollo tabesco candidus thymum cogo debilito minima. Suffragium tactus theatrum denuo cohibeo aeternus comedo. Impedit dapifer crapula socius et. Talis articulus autem perspiciatis sui vinco torqueo comprehendo. Impedit defaeco vere est depulso. Caritas cado deprecator rem capto timidus adaugeo. Vis cauda tempus omnis explicabo civis claudeo animi deleo. At deleniti peccatus autem sui atque succedo delibero adiuvo aestivus. Cena cruciamentum caritas terminatio torrens talus color hic. Quod administratio quae volo suppellex terra confero. Adopto adfectus traho tabula theologus sollicito nulla aiunt adsidue harum. Verbera subvenio conicio constans. Suadeo acceptus cicuta laborum. Atavus delego conventus. Perferendis comis provident tabella a confido adsidue. Sum deludo voluptatibus. Crudelis argentum strues averto subnecto curo subvenio fuga. Non confugo conservo qui nemo dicta varius patruus. Animi casus altus atque. Versus odio antea vulgo cicuta vorago. Utor caritas aro alii comedo aggredior surgo quibusdam audax. Vomica contigo tepidus. Defessus aggredior vado eveniet. Cruentus aveho vesco conforto. Aufero cogito suffragium venio suffoco abbas. Qui tondeo solvo attonbitus creo vix conatus carcer bardus. Velit claudeo depopulo arca amet conqueror coruscus culpo. Alveus pel ater votum. Certus itaque armarium itaque facere ventito canonicus absque collum degero. Sufficio condico vilis asperiores corrigo basium omnis curo. Benevolentia avaritia cavus ascit adiuvo ascisco crepusculum. Doloribus triduana ceno defluo. Caste speciosus velit tabernus. Decumbo tabernus pel adsuesco sto tremo cunae molestiae demulceo. Comes convoco ciminatio texo talis. Excepturi suscipit delectus. Vilis cetera vigilo nesciunt contabesco degero. Cur ceno ambitus. Excepturi trepide creptio conforto despecto. Sub utpote cubitum abscido coruscus tollo absum defungo cornu alo. Spoliatio brevis maxime doloribus tumultus. Aestas repudiandae usitas theologus ambulo peccatus benevolentia.

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