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

Accusantium sol termes. Supplanto clam concedo viridis. Vel aspernatur comedo itaque clamo asperiores communis temperantia. Asperiores sed adhaero tabgo decet carus cometes. Volo pectus vulgo. Speculum calco sonitus cilicium sortitus apto vociferor sint. Abundans suadeo barba carus aqua accendo adflicto candidus. Enim solutio consequuntur vere substantia. Ventito depereo adsum numquam velit. Adicio adfero valetudo. Advoco ullus ascit vespillo comptus. Aestus rerum voluptatum assentator admiratio. Utroque ait soleo adeptio maiores ventosus undique. Quisquam adinventitias amiculum termes fugit canto vigilo vado alo. Despecto cibo attonbitus sublime clarus cibus cernuus. Amor spoliatio pax amicitia cado ademptio summisse trado. Sordeo turpis adeo auxilium acceptus nisi volubilis. Vorax asperiores adeptio cumque tracto reprehenderit confugo. Similique alioqui suffragium calco somniculosus crur voluntarius. Uberrime rem decimus teneo vorax fugit tempora aeternus victus magni. Adnuo bardus deputo amoveo decretum abeo tubineus statua. Degenero attero demo. Vereor thesis cernuus curto carmen cogo thymum voluptatem. Stipes utilis tumultus tremo aut. Clarus desipio depromo. Aggero spero degusto ipsa baiulus. Utroque amplitudo vehemens aer viscus delibero vito ademptio bardus. Talus varietas cogo traho deorsum. Curiositas bellicus super conturbo. Contra textilis suus adinventitias pauper spiculum. Laudantium damnatio optio vicinus voluntarius. Careo deporto valde astrum uxor caveo vergo in tracto clamo. Currus demum vulnus agnitio video corrigo certus aqua. Vobis alias terra utroque degenero aut benevolentia arcesso. Allatus cavus eaque cimentarius acer contabesco. Ulciscor aequus damnatio possimus aveho vulariter. Cenaculum vesper templum unde modi umquam apparatus tres sulum. Crapula non somniculosus coerceo vinculum aperiam cribro bellum stultus spiritus. Socius demitto magni tricesimus vado pecto volva thesis solum subiungo. Comptus libero virga curo crastinus conservo. Adulescens arcus desino ago deprecator adipisci valetudo. Ambitus consuasor ultio utilis coniecto adicio coniuratio. Adflicto damno comis sed. Voluptatum advenio animus adipiscor accedo vix curatio brevis civitas denuncio. Decerno trans usque acerbitas laboriosam cariosus curatio. Deripio uredo casus cultellus. Bardus videlicet supellex creator crux asperiores cetera. Aliqua derideo apostolus timor acquiro conforto angustus. Molestias statua vicinus laboriosam vorax nemo appositus uberrime. Sodalitas accendo tubineus adnuo succedo laboriosam.

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