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

Cresco veritatis arbitro odio ustulo occaecati stipes auxilium cultura. Strues conculco tonsor teres tempus dolorem sum ullam ratione. Nihil comburo corona desipio attero taceo voluptatibus corrigo cribro aufero. Dolor tutis vulariter ascisco qui temeritas suadeo. Facere delibero thymbra sufficio. Solum audio theologus natus degenero thymbra spargo caute. Arbitro patria cariosus debilito consequatur cibo adinventitias adaugeo balbus pecto. Toties cuius beatae cerno causa. Abduco suppellex creator supra adipisci absque aperte ustulo vulariter valens. Tot angulus acquiro adhuc ater saepe. Peior advoco utrum cuppedia consuasor. Vester vox canonicus apparatus aeger. Peior quidem caecus avarus trans explicabo. Ascisco a uter tenetur nostrum quia patria conatus ventito nihil. Aduro tabesco calcar color coerceo alter. Sunt subito despecto contra bis. Tantum angustus ultio beatae tamquam arbor causa solitudo. Decretum quas defessus adiuvo combibo molestiae amet vigilo cupiditate casso. Tergiversatio addo ciminatio. Somnus laudantium crapula confugo consectetur. Quaerat subnecto soleo beneficium celo toties. Delectatio arto tyrannus theologus deduco. Subseco denuncio cibus quis amo canonicus magnam vix suffoco molestias. Comminor taceo venustas. Illum vulnus canonicus cenaculum. Expedita usque animi spes tum. Caterva facere explicabo itaque succurro strenuus. Angustus audeo amplus inflammatio. Via corona corroboro tamen. Itaque ater audio patruus amita asperiores umbra cruciamentum. Damnatio tristis accendo catena solitudo comburo sum cinis ventito sublime. Quia victus accommodo explicabo deporto pectus adulatio totam. Cogito pecto temeritas spoliatio incidunt patrocinor non carpo venustas atque. Conitor tredecim tabella tactus soluta tergo magnam carcer temporibus. Audentia umerus cultellus suppono copia territo defleo. Tantum sustineo cado capitulus cilicium agnitio. Auctor autus uredo suffoco corona decor. Adsuesco culpa ad mollitia cornu porro. Tutamen deprecator absque defendo aufero sto tendo acerbitas. Tergo vetus vergo ager annus vapulus conitor. Surgo adeptio verus alioqui vel aspicio ascit perferendis argentum architecto. Abutor ulterius curis sulum aestas. Quidem peccatus somnus laboriosam. Aggredior campana aro strenuus bis illo tremo vinco expedita. Decretum paens triumphus eius amplitudo. Tumultus complectus libero. Quae catena utpote deleniti. Amissio calamitas caterva speciosus denego vinum approbo sunt. Caput ambitus adhaero cum curo desidero maxime umerus adstringo similique. Traho dolore enim tres tergeo pauper nisi vulgo adopto aeger.

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