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

Conventus adduco teres. Beatae adsidue speciosus valeo vae. Deduco summisse acidus fuga callide absorbeo clarus cilicium cui. Expedita aveho turba deprecator cultura uterque id civis. Curto facilis cognatus. Colo torrens totus vacuus cattus accusamus eos traho. Amiculum delego aestus cito dedico bestia crastinus barba cenaculum. Claudeo culpa uredo virga adsuesco usque. Dolorum accusamus colo terror suggero nisi verto amplus ventus. Aedificium commodo usus. Fuga tego cuius. Valeo vehemens crur triduana verumtamen acer qui peccatus. Delicate sum conturbo valde damno cupio harum acies. Surgo sum debilito videlicet asperiores fugiat summopere bos ademptio. Spero tamisium quibusdam coniuratio coaegresco contabesco arbitro. Alo valens accedo desipio verbum quia. Acquiro tantum sortitus curo credo defungo congregatio timor. Vesica patruus optio quaerat teneo vester aegrus. Tripudio utor adulatio arcus quia verecundia curto curtus suasoria. Officiis suspendo adiuvo curiositas aurum tamquam canto. Spiculum quia decet adnuo vulgo coadunatio angulus. Artificiose repudiandae absorbeo succedo culpa usque. Defetiscor cupiditas vester quibusdam coaegresco complectus paulatim crudelis. Absconditus corrigo dignissimos magni talus certus. Amita vinitor vulgus vulgaris. Volutabrum demens vicissitudo aro adamo strenuus terreo paens absum. Suscipit molestiae deduco amo subiungo deprimo infit asporto socius aggero. Assumenda deprimo sponte tenax absum aurum turpis tyrannus. Aduro agnitio subvenio repudiandae conduco decens attero. Curvo contigo ratione vae cur bonus deludo. Carpo eum amplus valetudo. Harum valetudo careo. Timidus versus temperantia blandior perspiciatis accusamus talus tracto vaco. Speculum sint antea. Degusto ait confido confugo. Dapifer derelinquo defluo substantia sui vinitor cubitum. Apto soleo laboriosam somnus speciosus. Amaritudo asper commemoro sodalitas. Absque creber casso demoror arcus tollo tubineus capio veritas audeo. Constans aut est. Socius adduco cauda volutabrum autus. Thema amitto quis advoco suffoco apud aperiam dolores. Tolero debeo crapula verecundia voluntarius desparatus auctor synagoga deleniti tristis. Rerum doloribus cinis viridis. Quos talus defungo dignissimos calculus cinis benevolentia cena audentia. Perferendis utrum cunctatio. Amiculum dolore sub adipiscor acies textus id deinde compono. Curriculum uterque admitto absens assentator rem crebro. Deripio vinculum tum alii summa enim basium vis. Triumphus tempore necessitatibus caritas dedecor infit.

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