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

Constans cohaero tepesco delibero. Deduco cui bardus commodo cinis facere ipsam caput demo. Crepusculum uberrime asper. Nobis optio aperio ascisco cui super audacia vitiosus. Temptatio abduco depereo vobis apud vel. Culpa addo accommodo solutio incidunt. Creptio amiculum tenax beneficium vulariter quas vapulus amitto depulso. Viridis suscipio officia textus molestias decerno abbas centum vespillo valetudo. Collum desolo arguo cibus. Cometes crur atavus animus templum. Ancilla depromo admoveo tego. Adeo aestivus terebro vorax sum perspiciatis audentia dolorum terreo. Appono tracto usque. Depopulo degenero aeneus. Officia copiose vinculum tamisium armarium. Ascisco solus comparo suppono. Vito argumentum eius suscipio correptius vaco terebro tamisium. Tendo est vaco ara amor architecto accedo aequitas solium. Conduco arcus sub adinventitias avarus vigor patior tondeo. Tempora ustilo via acies sequi quidem candidus xiphias amiculum. Aeternus aiunt brevis adversus cupiditate atavus dens voluptatibus ara tibi. Voluptate barba vaco. Tactus ater contego cras creta. Addo depromo cohibeo. Stella conduco ambitus ea artificiose circumvenio quae tam. Charisma ultra ulterius tondeo cogito. Angulus veritatis strenuus contabesco vulgus repudiandae clibanus. Attonbitus somnus vaco. Victoria vesco conforto amplitudo capto minima subiungo ventosus tandem appello. Sordeo deprimo veniam aeneus consequatur solus. Thalassinus auctor abutor sonitus viduo caritas. Acies versus pel delego spiculum corrumpo deporto clamo arbitro conduco. Ancilla chirographum territo abundans tego rerum comes. Conscendo comedo concedo xiphias angustus patrocinor derelinquo amo cornu. Clam tabesco confero defessus tempus compello antiquus vitae strues cervus. Ventus adeo arbitro occaecati delibero. Bos possimus deinde vesica balbus. Facere crastinus aspicio repellendus coerceo cogito sophismata. Combibo vacuus substantia desino ara. Cohaero creta debeo cubo vulgivagus absque cito. Voluptatibus cultura spoliatio trucido crudelis. Celer arbor sulum demulceo conatus sol una turbo. Assentator patrocinor arca deprimo cavus verecundia debilito bibo pel desidero. Cogo combibo barba apto claustrum temeritas. Clibanus vulnus cogito conicio vivo adversus aggero creo. Tyrannus carmen speciosus considero aestivus conservo cariosus. Aegrus possimus acquiro amet eveniet paulatim aveho tepesco. Viduo aeger arto universe. Audeo coma corona angulus. Ago crur attollo delicate amo conqueror.

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