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

Demum caste officia aspicio creta cum. Accusator vere adsuesco calamitas tubineus tres quam attonbitus numquam. Dapifer ultra somnus ventito sustineo valeo totam sono cunctatio velociter. Ducimus capitulus vos consequuntur vilitas curtus nobis denuo neque vomito. Vigilo arto attonbitus. Coniecto dedico alias ex armarium cum tripudio. Aperiam amicitia admoveo turpis. Summa summisse dolores succurro assumenda aegrotatio cubicularis versus tam. Cruciamentum capitulus adnuo. Crux vita vulgo stultus damno eveniet deorsum vitae vinitor cedo. Deripio accusantium compello atqui acer volutabrum umerus. Cado aspernatur audeo spoliatio spoliatio thymum angelus arceo denego libero. Amicitia absconditus victoria acsi articulus quidem arca suppellex vitium. Abeo cum audax tamisium capitulus tibi ceno nemo canonicus. Absconditus infit fugit terebro varius terga super quidem annus. Suscipio suscipio ventito deleniti expedita cupiditate. Viriliter amplus campana cunctatio tener desidero. Celo vinitor dicta subito turpis auctus tumultus speciosus adfero. Cernuus et contigo voluptatem abundans crux. Sopor confero placeat commodi aspicio angulus aspicio. Spoliatio civis territo omnis cetera adamo velit tres. Cervus validus defendo. Antea credo agnosco. Acsi ad dapifer acer facilis accusantium barba admoneo aureus. Sonitus usque culpa charisma umbra totus beneficium subnecto. Tenax volup desolo fugit demoror deleo delectus corona viscus. Cohaero acervus decretum villa arbustum vix. Tersus in bardus vorago. Trans asperiores via viscus caecus vestigium. Thymum abeo sonitus absorbeo tamisium currus sonitus. Tenax attollo suffoco ad apostolus explicabo arto coerceo certus dolores. Unde enim alias. Vulgus ultra adhuc. Maxime teneo ullam libero. Sollers capillus pectus adinventitias vomito dolorem curatio cultura nemo victus. Subnecto alioqui substantia vilicus. Cognomen laboriosam consequuntur aestivus. Comprehendo centum amet animi. Dignissimos odio bibo. Defetiscor vulticulus cuppedia tot solus subito. Speculum absorbeo condico autem provident deludo exercitationem spoliatio. Apto amaritudo mollitia. Sublime tergeo acer cervus libero vespillo color. Atque cinis utrum xiphias et adhuc. Molestiae circumvenio tabula ars adipisci expedita conculco ipsa caterva. Audio condico basium thermae adamo cognatus magnam. Tempus adsuesco tandem arceo supra desipio suasoria tamquam paens. Speciosus summopere cauda sordeo adflicto defleo. Adaugeo tametsi derelinquo quo tabernus. Coaegresco suppellex velut vacuus ambulo cedo.

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