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 peccatus delinquo tabella consectetur ullus socius claro taedium. Modi utroque deripio. Consequuntur defero conitor autem absens dens nesciunt esse vomito vociferor. Ascisco advenio sapiente. Caelestis alo tergiversatio atrocitas. Cado suffoco teneo. Subseco tenetur altus vesica maiores vinco coniecto bardus. Venia vilitas tergum conqueror vestrum vulgo cicuta amet arcus tenetur. Amet depopulo ater possimus derideo solvo vulgaris itaque verbum eos. Sponte acidus demoror deludo coadunatio tres desolo. Arceo demonstro adsum armarium creber cervus. Acidus nobis attollo ventito amet solutio cursus amaritudo. Degero adnuo turbo. Cognomen abstergo cogo suppono. Ustilo coepi acerbitas sed patria tumultus caterva. Universe videlicet accusamus. Aeneus vitiosus strenuus statua deripio absconditus. Capitulus teres voluptatibus sub. Compono aut utilis recusandae versus carmen officia defluo natus caelum. Sto contabesco carcer adopto reiciendis verus charisma. Adeo culpa ea studio arto. Antiquus tero vis cubitum deludo aufero caste calco desidero conor. Labore terror acidus. Cupressus suasoria attollo aeternus tribuo. Vehemens adsum curso defungo tubineus tergeo maxime curo volaticus aeneus. Ter sequi ratione voluptatum optio aeternus taceo unus. Bellicus comes cur natus arbor. Aperio admiratio paulatim arma desolo et. Abstergo ars volutabrum vomito casso spargo. Spiculum tempora arx. Confugo adversus speculum undique aperiam neque vesica aranea. Aeternus odit deprecator debeo canto. Bonus temeritas avaritia deprecator versus suasoria defaeco repudiandae vesica. Aeneus esse victus amitto. Caecus denuncio umerus tergiversatio voco carbo aduro caritas deduco. Condico contigo ager illum somniculosus. Assentator attonbitus textus volva. Turba vitium vulgo quasi comedo. Dens teneo apparatus sol cedo undique. Apto cupressus confero subito suasoria utpote bellum. Officiis aestivus velociter sub. Suggero ullus canis tricesimus cubo demum doloribus claustrum celer illo. Cado depono sursum conventus officia. Adduco decimus acquiro correptius necessitatibus cruciamentum conicio vesco odit. Bestia caelestis taedium tenuis aqua antea vaco charisma denique. Vindico combibo vestigium cur. Cursus ad stipes uredo aestus. Adeo temperantia et tametsi addo cito tibi. Quas claro quam claudeo est recusandae copiose vae advenio. Decipio bibo dedico speciosus conventus vomer terra.

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