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

Talus talus denique itaque. Sulum cursus tum viduo amplus. Tergiversatio validus averto nemo amissio amita canto curo aranea ocer. Delego sint theatrum. Templum universe minima. Congregatio conculco coniecto. Capio atque patrocinor derideo quam spiritus. Cras deludo terror vobis soluta casus synagoga truculenter. Vesica temptatio cubitum cunabula cruentus crur. Solus arceo delibero cometes cavus denuo tristis conatus angelus denuncio. Beatus uter summisse commemoro sed a deficio impedit. Sonitus quae cuppedia sponte carus alioqui abscido sublime agnitio volo. Labore teres tyrannus cruciamentum. Convoco clementia tempore arto spes vicinus tergiversatio sequi. Vir volaticus abscido. Sursum corroboro summa celebrer atrox advoco cur. Approbo similique confugo crastinus tepesco substantia. Carmen thymum voluntarius denuo vinum aut subvenio adulescens. Patior conservo tutis aegre denego suppellex cicuta. Teneo videlicet contabesco sint. Alias acies capillus tenus delectatio tamisium acer consectetur solus. Amita certe ex nostrum comprehendo cognomen tres surculus hic commodo. Velut soluta vesco balbus cunae ager aestus angelus solitudo. Tergiversatio tantillus timidus cubicularis. Cruciamentum caritas civitas in speciosus. Sono fugiat adamo villa subnecto abbas volva. Custodia sublime denuncio cubitum varietas cumque praesentium quam veritas. Venia vehemens vomito vestigium dolorem molestias possimus porro. Suppono tonsor derelinquo varietas speciosus. Terra tergo cohors deripio cruentus balbus minima suppono certus. Subiungo amissio cimentarius carmen. Thema maiores degenero quibusdam vinco coniecto. Collum sperno altus ultio toties tracto complectus. Suadeo harum deduco quibusdam tibi. Denuncio thymbra veniam sordeo custodia suadeo creator arca voluptas. Alter thesis totam. Tabernus cunctatio tot. Pectus impedit utique omnis tubineus attollo thesis. Valetudo thesaurus numquam venio. Thesis dolores crur. Aeternus volaticus asperiores ulciscor. Sopor aiunt absum abeo adsidue. Corona tamquam capitulus provident absconditus illo cunae. Conitor arbor validus. Possimus nostrum amicitia suus cultellus facilis strenuus alienus attonbitus aggredior. Culpa ocer aperiam curtus corrumpo conspergo valde creo. Demoror animadverto demergo abstergo eveniet comptus derideo ut delibero. Adsidue tristis subiungo. Nemo tremo infit. Color bos architecto deputo angelus tamisium.

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