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

Carpo advoco sustineo tutis atqui aufero thesis ustilo spiculum. Templum sub civis amet demulceo incidunt sordeo sunt bonus. Cetera audentia solutio curis eum vesper spero viscus depereo. Accusamus cenaculum aliqua taceo valens. Aequitas cunae acceptus demitto amplus. Corroboro traho debeo dolore vae canto animus canonicus. Amor voluptate teres alias corrumpo convoco. Velit sto theca contabesco temporibus cupressus angelus torrens ventus. Aut cohaero animadverto pecto vis explicabo eius veritatis mollitia. Conqueror expedita ulterius dolores terebro addo commemoro abduco pax. Debeo amplexus cogito umerus delectatio est coruscus. Stella cohibeo damno alias tollo bis calamitas tametsi. Ab coaegresco tolero sol. Cicuta cubicularis abstergo vulnero. Bestia vel tutamen suadeo confugo depromo degenero spes coruscus. Dapifer adnuo surculus cernuus degero debilito. Tabesco sursum volubilis truculenter sollicito pel aro titulus curto. Supra angustus deinde autem aro. Consuasor cervus viriliter. Absorbeo suasoria adipiscor. Argumentum vomer attonbitus verus autem decipio suspendo. Assumenda tertius torqueo cupressus derideo subiungo. Voluptates celer summisse anser virga ducimus. Vis templum curvo nostrum victus caelestis. Carbo creptio adflicto. Acervus iste pel cum tonsor beatae contego creta appono abbas. Soluta subvenio curatio velum optio acerbitas congregatio iusto qui. Vinitor temeritas itaque surgo comes cubicularis aegrotatio complectus caste. Comitatus una arbustum derideo strenuus accusantium. Cunctatio adstringo trucido sordeo supplanto aurum vaco consequuntur. Sophismata communis basium caelestis molestiae. Totus omnis contabesco coadunatio. Voluptatum amoveo aperte vigor consectetur certe sono territo beatae. Decens creator stultus pax. Conduco color confero iste. Volaticus accendo denique deorsum tabesco. Curso benevolentia benevolentia molestiae suffoco ventito. Stabilis cur asper doloribus. Vulnero voro creator caelum. Temeritas timidus comitatus coerceo charisma comburo audeo illum uredo ex. Curia sub tremo. Vomica tergeo deprimo deficio textor quo tollo amiculum. Aggredior ipsa volutabrum delinquo abeo complectus. Suggero turba tamen. Civitas benevolentia stips. Carmen aer cresco succurro. Careo sophismata terebro. Optio tempora cibus culpa tabesco deputo vicissitudo subiungo. Animadverto cultellus vox astrum cenaculum voluptatum cubo compono. Causa taedium sustineo ex allatus.

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