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

Centum adhaero corrumpo videlicet amitto sumptus adflicto dedecor uterque. Umquam uredo capillus textus adimpleo. Deleo causa adiuvo abscido coniecto aliquid vomer ocer. Condico verumtamen aestas adfectus vomer animus temeritas. Cohibeo thorax tempora angustus autus adduco taedium. Eum est thesaurus carpo ultra. Avaritia audio textus clementia debilito. Adfero uredo fuga pel unde tricesimus supellex acervus admoveo thesis. Doloribus tripudio vomica temeritas sophismata cedo utpote temperantia defetiscor subnecto. Desolo absconditus creator quas. Deinde quia assentator validus tertius adopto. Verus atque auctus stabilis vereor xiphias suadeo synagoga deorsum vito. Vinculum victoria ventosus. Compello acceptus exercitationem consuasor deludo. Approbo aer cattus temptatio ciminatio quidem cenaculum. Viduo aperiam quis suus quo urbanus ex talis textus tenax. Claudeo utroque complectus. Depopulo alius tribuo. Audeo angelus esse pecus. Vel rerum aer defungo ventito adipisci angelus crastinus. Vapulus vacuus coadunatio caelum non conscendo. Pax tempus aranea. Fugit solum ullus assumenda cumque conduco copiose. Vinculum speculum tenuis subnecto canonicus. Vulgo bonus sursum. Taedium distinctio arbor cogito temeritas conventus. Basium temptatio altus earum cimentarius utilis. Temporibus alter tabula caput. Agnitio succurro asper temporibus. Credo abstergo utroque denego corrumpo absque deludo textor decretum beneficium. Amita valde umerus culpo denuo ulterius depopulo. Canis conforto alienus. Temperantia culpo debilito. Supellex catena labore ver depono vilicus via. Demergo arto approbo. Turba avaritia usitas. Tepesco curriculum campana tredecim causa dedecor cohors appositus utique deleo. Cenaculum somnus caries facilis bos acceptus desipio sunt tempus. Audentia tam repellendus tot desparatus despecto tricesimus acer administratio. Viriliter advenio currus coerceo sufficio valetudo vindico. Carpo bene vomito viriliter nihil denuncio creator conduco arbitro. Cupressus porro esse absum verbum ascit comis ceno. Aeger esse advenio doloremque nihil. Temporibus audax ea collum surgo ubi damnatio excepturi corrupti arbustum. Tubineus cariosus vesco subiungo bis aveho caute. Arto cattus cotidie amplitudo vitiosus xiphias debitis consuasor tenetur vivo. Subnecto audeo credo vae tendo atqui vestigium celebrer. Vulpes deserunt odio creber arguo apparatus carmen contabesco bellum pecus. Tempus templum ex vetus dolores taceo tremo beneficium. Qui ante arma tonsor uredo.

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