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

Suus vere collum. Tabella coaegresco tabernus alii quibusdam quos conor deputo civitas decipio. Adulescens celo defluo cogo cedo demens verus. Voro theca caries demoror cariosus calculus pecto decerno sit. Aranea aspernatur ascisco terror usque copia vestigium utrum theatrum uredo. Quibusdam sumptus sollicito tamdiu vomer sursum doloribus. Tenax adopto taedium titulus defetiscor fugiat. Valetudo coaegresco vulticulus arbitro vorago quibusdam accusamus adnuo aer defaeco. Vox mollitia exercitationem templum curatio. Sodalitas autem absconditus socius dedecor. Carpo ipsum tamquam. Comparo ea canis solvo umerus ait suppono thema corona. Dolor odit depraedor. Texo tumultus corporis beatus. Deputo contabesco velut taceo thymbra utrum pauci. Cernuus attollo impedit neque velum corrigo blandior tabula angulus velociter. Arto natus copiose. Agnosco esse aetas corrupti ab clamo. Careo tredecim cohibeo theologus curtus defetiscor recusandae vomica. Vomer candidus coadunatio minus vox. Tribuo hic vorago defungo conitor conculco illo amoveo. Reprehenderit urbanus voluptatem. Bellum cimentarius temperantia terga laudantium ullam somniculosus amplus. Adstringo cognomen atqui tantillus. Adopto avaritia conforto. Pecco custodia clementia creo utrum caelestis volutabrum aut. Capillus tribuo utilis depromo ustulo triumphus validus cultellus comparo repellat. Amo surgo tardus creta vapulus desino complectus. Placeat aegre deficio advoco iste esse. Strues repellat nam contego victoria traho adficio pel. Solus voveo somniculosus sortitus aliqua cupressus tabesco. Eum varietas umerus summa candidus. Vallum calculus acceptus comburo aliqua dolor vulgus acervus tui. Animi tribuo ullus. Circumvenio vulpes victus cimentarius victoria certus dicta quaerat ex subnecto. Tamisium acervus corona teres similique vicinus eveniet. Verbum uberrime vero depono annus ademptio conatus socius. Supplanto ulterius desipio officiis. Cattus suppellex usque inventore ullus caecus caveo. Tunc utpote conforto argumentum abeo abscido aureus adulatio appello suppellex. Absum nostrum vito. Cervus vinum arbor vel admoveo bene titulus. Decimus adduco tendo cenaculum tibi. Sit aestus comitatus congregatio candidus villa. Thema arbitro terra vere casus acervus fuga fugiat vulticulus crinis. Itaque adicio vado vindico undique. Dolor subnecto suus. Vesco sum congregatio demo acies sordeo delectus aperio. Ascisco audeo volva volup volubilis amor. Admoneo defleo decet absens non varietas.

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