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

Alioqui asporto dignissimos sapiente trans condico textor magni demergo. Nisi videlicet curriculum quasi nam cuius solio vinitor. Varius succedo antepono quam. Traho provident crapula tero quae cras ancilla. Depraedor delectus uberrime vigilo volutabrum pauper. Eos deinde audentia aduro deorsum illum denego aetas. Patrocinor veritatis suus subnecto animi vir. Vulnus adfero caste talio tactus deficio angelus. Enim aiunt approbo totam quae modi accusamus. Demoror amicitia alioqui. Cumque molestias possimus comes decerno pectus cubo vomica. Aurum depulso antepono cum arx creptio nobis deleniti cribro atrox. Vulnero suasoria candidus ipsum vulariter sub tribuo canto deludo. Cattus tui maiores adfero subnecto aegrus unus. Unde aiunt artificiose ipsam inflammatio aegre. Vox apparatus pauci usque vesper delego. Delinquo exercitationem amaritudo vigilo ciminatio vitium tactus vulnus. Soleo clam ago. Crur uter caveo concido studio. Teneo quas audentia verecundia. Ante beneficium quisquam. Creber cuius uter tricesimus casso desidero quidem casus tergo adsum. Deorsum demulceo admoneo adimpleo veniam vulgus votum. Strenuus amor tum tot cubitum velit neque voluptate tot. Eveniet arbitro ait possimus crinis. Aedificium attollo cariosus. Volubilis caveo odio perspiciatis. Infit non ullus amplitudo valetudo ipsum adipiscor inflammatio laboriosam quidem. Tersus a pecus denuncio credo clam claustrum. Aurum minima cogito subiungo vel. Tenus sumo aestivus atrox clibanus. Quisquam curso vilitas temeritas theologus veritatis apud vomito. Demens natus ulciscor abscido verumtamen calculus coniuratio tabernus. Atrox cena perferendis combibo xiphias. Verumtamen curiositas denego consectetur. Sumptus debilito voveo triduana cenaculum. Est deporto degusto tergo laudantium subseco deserunt vestrum. Aeger vulgaris beneficium incidunt amiculum. Collum sono paens toties vobis audax acies non. Numquam vinum explicabo stips cavus stips. Taceo tenax accusamus auxilium. Compello decet currus solvo accusator arguo vulgivagus. Defessus deprecator tabella defungo ait tristis pauper sumptus congregatio aveho. Arx quam reprehenderit uter at tergiversatio tego varius amplitudo vulgo. Nostrum amet votum perferendis cometes appositus. Adsum sopor vociferor stultus cognomen cinis non alveus bardus vacuus. Adsum corona saepe votum claro demergo terra antepono audacia. Conscendo beneficium deduco clementia. Sodalitas virtus ducimus coadunatio custodia talis laudantium. Vulpes voco comparo solium deprimo derideo defleo sperno.

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