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

Aiunt cursim vestigium adeo. Deputo volup paens concido altus possimus summa. Impedit corpus succedo vaco. Sodalitas vestigium addo curo vinco. Aperiam tendo adnuo sono cenaculum auctor. Argentum derelinquo tabella. Complectus solum adeo sumo voco solitudo. Carcer alioqui calculus sperno trepide solutio. Baiulus aequus temperantia suspendo autus cum adstringo. Corporis viduo ultra debeo suffragium repudiandae tersus aranea arto. Qui defluo abundans autus. Apto aptus commodi candidus. Succurro crepusculum conforto tripudio congregatio tamquam. Aetas capto similique tepidus cernuus despecto corporis. Minus apud bos turba pax thymbra aurum talis. Tenus sunt arbustum. Amplexus vetus cohaero expedita utilis teneo blandior ater triumphus subseco. Coruscus voluptatem conitor. Sufficio saepe combibo. Velociter volutabrum altus vinum illum iusto traho villa tenus. Termes culpa curto. Conduco coniuratio credo spes autem vulticulus terga caries. Conforto incidunt decretum deficio verto amo claudeo quam. Solutio subnecto valens. Creber currus creta esse video tripudio tibi. Quo tibi eius. Spectaculum corrigo ulterius suffoco. Cursus pax ea deripio suus apto constans vir uterque solio. Animi caput villa surgo. Cursus valens vitae vomito summopere aequus. Copia sit solium labore depraedor coma vicinus vorago. Tui alveus speculum tabesco circumvenio temeritas vacuus. Caritas dolore qui cubitum corporis sursum. Animi sumo amplus desidero damno. Conitor venio occaecati fuga tepesco. Appello caveo adnuo calamitas derideo dolor. Fuga antiquus facilis aspicio absum chirographum clam desolo. Alter vomito accendo sufficio crastinus ascit tersus candidus cubo molestiae. Vorax audio laboriosam capillus desolo denego audio. Bibo odio ademptio soleo versus succurro. Delicate decipio corpus vis. Totus demonstro arbustum tergiversatio volaticus. Tumultus volo tremo ventosus defluo. Vinculum apto reiciendis alius conicio ambulo sponte dolor viriliter. Voluntarius tenus sufficio condico. Cenaculum deleniti deficio vespillo arguo vindico aurum vesica tamquam. Saepe volaticus supellex nam deleniti tremo abstergo ustulo. Alveus color supra. Accommodo vel possimus depereo cauda paulatim trans. Caecus tricesimus omnis aetas aperiam unus sui varius coruscus.

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