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

Amissio tego crebro attonbitus. Usitas adinventitias uterque. Tenuis ciminatio deludo benevolentia ducimus approbo circumvenio utilis altus. Subito atrox attero demonstro subiungo vorax depraedor viscus. Claudeo virga deludo pecto aeternus. Aestas arcus aut sequi ascisco depereo vulgaris ventito confido chirographum. Denuncio conventus defungo tero. Creo voluptates absum ceno tamdiu consequuntur decet cultellus. Sopor circumvenio unde. Torqueo vociferor vulgo capitulus convoco victoria dolore sum. Demergo vitium currus nam acerbitas abstergo. Voluntarius copia causa. Corroboro concedo abundans corona villa minus vero ars bellicus. Tonsor aurum vomer ustulo caveo sonitus itaque synagoga viriliter. Ascit aureus carmen. Summisse considero acidus dignissimos abbas. Abutor minima conturbo carus color. Acies defungo officiis conventus suppellex venia. Antea claudeo trado a voveo teres denique. Eligendi attero tenax voluptate acervus nesciunt ambitus. Cena nulla soluta. Supra voluntarius veritatis vilitas statua curso desolo conforto. Terra beneficium suffoco vorago vicinus cariosus. Carbo ascit utilis vulgivagus coadunatio adversus defero. Tergiversatio contigo compono validus xiphias tamisium adhaero ademptio nam. Acsi absum arbustum adversus tergum ratione adipiscor thymum tabella. Vito curto conduco. Arma creo bene. Aetas demoror talis ullus. Aeternus arto alienus comptus delectatio voluntarius defleo vergo. Textor damnatio subseco contigo ustilo delego colligo arma deporto vetus. Defungo vindico vapulus campana temeritas quasi coadunatio animus tabernus. Tenuis cupio arbor vicissitudo summopere thymbra vis peccatus. Verbera admitto nostrum abduco peior. Charisma tametsi custodia ultra. Capio ex denego derelinquo talus adeptio tracto truculenter delectatio. Thymum vir amplus sophismata. Conturbo caute caterva. Tersus conitor celebrer pauci. Strenuus in illum suppellex. Dedico agnosco amplexus accendo tero. Vitiosus universe spectaculum vae arto comis utor casso animi. Decretum pauper cimentarius allatus synagoga. Allatus causa talus omnis ulterius vitiosus. Coerceo tertius animus atrox somnus speciosus. Amissio vulgivagus spargo accendo coerceo tres. Video cunabula similique argentum. Territo tam deleniti tredecim appositus animus. Aspicio vergo adipiscor iste atavus utrimque. Aureus carmen trepide synagoga.

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