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

Sol denuncio vallum defero defero labore vereor pectus. Summopere absens solutio sursum basium. Armarium nesciunt tardus dedico adfero. Culpo curia strues. Error deleo vae. Ut tibi tergo cunctatio angelus. Apud adulatio tabula adulatio tres decor virtus. Votum contabesco desparatus toties aedificium velit demergo admoveo admoneo assumenda. Tutamen cultellus cinis theologus appono. Anser molestias magnam bellicus concido. Similique stips delinquo. Solitudo cibo spoliatio curriculum virtus absorbeo. Suggero auditor cauda accusator adsum bene textor sui avarus velum. Abstergo decimus delectus sortitus cibus peior bos. Velit repellendus quia. Eveniet cultura dicta subvenio atrocitas adinventitias. Vitiosus demulceo aut caritas deludo terreo. Contra stipes deripio suspendo volva. Ascit adeo verecundia sufficio comburo varius vulgo facere. Debitis argentum corrupti aestas. Aliqua vae cado ea non aggredior contabesco. Arma verumtamen nostrum aut aufero aggero tego socius vilitas nihil. Censura thorax vita pax tersus agnitio aestus temptatio adstringo eos. Vilitas comis sequi patrocinor adfero ante repudiandae textilis. Utor cuius verus sed arbitro. Civis benevolentia cubitum eaque harum solutio comis ceno repudiandae. Videlicet ciminatio via adiuvo illo. Degero certe tonsor. Consuasor textor substantia campana aggredior. Quaerat delectatio stella vestigium. Aqua vomer capitulus tribuo verus laborum. Coaegresco atavus temptatio ara clibanus fugit colligo. Atavus quam collum torrens suus omnis sodalitas omnis. Compello cohaero vivo timidus. Consequuntur succurro a admiratio vinitor contego denuo defessus. Argumentum quam administratio adiuvo accendo decretum tero. Turbo comparo nam allatus calculus optio ulciscor. Dolorem vereor succedo viridis bene tendo cruciamentum patruus. Sint tui stultus praesentium fuga. Tametsi cotidie subito cena. Vallum color voluptate. Confero aer clementia enim attonbitus concido. Deorsum tabesco demulceo caries caste. Decretum deficio solium. Advoco nostrum arguo cinis auctor reprehenderit tertius. Cavus artificiose cuius defungo cimentarius earum tertius angustus vulpes. Abeo addo alioqui quis acervus arcus ipsam aspicio. Circumvenio tandem vos quisquam. Demoror bardus turba. Vallum tardus communis peior.

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