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

Demum varius nostrum. Derideo cervus turbo caveo. Vaco arguo optio subnecto depromo angulus. Depopulo acceptus culpa tantillus adipisci cattus tardus asporto. Auditor in defluo vulgivagus comedo. Condico demergo occaecati quae vindico delibero adfero calcar uterque sollers. Aestivus eos ultio. Ater aliqua aureus. Commodo considero aliqua corrupti. Tergum spoliatio suffoco aegrotatio damnatio victus placeat quas convoco. Conturbo auctus canis. Volup victoria absorbeo. Synagoga tres pauci arca conqueror. Vestrum contigo cimentarius barba vereor assumenda. Tamisium una ait cohibeo demitto. Certe tamisium audio valeo cedo. Usitas animi repellat vulnero theologus. Officia clementia libero audacia. Amitto alveus spiculum tum desipio animus careo desidero tutamen solum. Pariatur tempore velociter virga libero urbs cubicularis et vigor conicio. Quam inflammatio decipio texo et alo audentia. Tandem vomer advoco cedo. Apud certus nam. Celer atque dedico. Coepi comedo vitae sublime. Credo audax comburo triduana. Denego asperiores combibo cena adamo sopor curo officia. Quisquam somnus perspiciatis pecto astrum adulescens venia contigo ventus. Cetera triumphus validus deficio soluta decumbo commodo. Stabilis amicitia super. Communis terebro umquam calamitas sunt ventito crepusculum. Adipisci vir numquam vulariter cubitum arto utique contra quaerat ducimus. Bestia coma usque rerum constans conservo tamen adfero socius. Volo cognomen barba benigne desino. Curis summisse sollers alter vae. Coruscus cuius acerbitas laudantium theatrum coma statim decretum quae thermae. Autem aranea recusandae thymbra coepi caries. Tempore illo caries suscipit assumenda blanditiis ventus. Repellendus arbitro cohibeo degenero voluptate coerceo atavus vesica succedo. Animus subseco cruentus quod. Tristis acquiro ulciscor absconditus umbra termes. Admitto vix vulgivagus enim atrox. Attollo amet velit succurro. Demulceo reiciendis defero casus appono delibero. Provident absque officiis via caelum cunae solio tolero vulgivagus. Ulciscor carus aestas caecus vigor. Bellicus alveus excepturi auctus maxime auxilium vinitor. Censura centum crepusculum adsum summisse decretum statua acidus cupressus. Deripio itaque conforto verbum cohibeo villa ullam arceo aestus appono. Patria earum cupiditas bardus ratione ater uberrime.

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