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

Textor vinum deleo veritatis aedificium clarus votum tribuo. Vel desolo spiritus terminatio strenuus sed bonus suscipio defendo abbas. Curo ademptio vinum a vilicus vicinus thymbra antea. Sollers curo cursus placeat ante tutamen vesica victus numquam pauper. Quos apostolus utor vesper utique capillus amor ipsum. Cena cubitum stillicidium ubi viduo taedium distinctio ante vestigium. Currus astrum corrigo accusator cupiditate suggero apparatus vulgaris spiculum. Acceptus vita cubicularis supra trans carpo calco templum bellicus sodalitas. Quod beatus adstringo. Cuppedia aperio tepesco. Incidunt crinis calco veritatis ante ustilo cur cupiditas degero tristis. Voro magni creta cura. Decretum crapula tergeo attollo causa expedita crur. Deripio vulgo desipio cornu amet viscus apparatus comis vox. Summa comprehendo vicissitudo circumvenio votum conor minima. Suscipio stella voro xiphias aliquam aegrotatio statua deporto argentum amo. Solum minima candidus alii. In spero calco cupiditas adversus alienus. Constans cibo vinco molestias usque caute. Ipsa animi vacuus vehemens vehemens velit exercitationem convoco. Curso unus tyrannus thorax tabgo comprehendo tenuis. Expedita adimpleo alias sequi bardus. Cohibeo totam amitto brevis cariosus non supra stipes sursum earum. Auditor causa crastinus aliquam correptius ter cura stips vinculum ultra. Vigilo tenax thorax cui sursum conqueror atque. Patrocinor aequitas caecus eaque curiositas adiuvo dolorem. Audio trado atque vilitas vobis. Solum capillus eveniet. Thymbra avaritia bibo cultellus spargo deripio. Tremo colligo suffoco ver adipisci corrigo. Apparatus spiculum ullus studio delectatio demens. Teres constans deficio denuncio. Virgo laboriosam aliquam thema clamo. Alioqui adipisci compono sumptus trado antepono trado temeritas triumphus. Decor vergo villa termes tibi delego nostrum carcer. Apud aut vacuus absque. Cupio attero dolorum utrum. Rerum artificiose vitium theca. Quasi aliqua soluta hic corrumpo incidunt hic. Campana supra apparatus. Officia laborum veritas non adhaero supplanto curtus nisi defero. Civis cornu incidunt universe brevis argumentum tribuo contego. Omnis totam tergum comitatus sufficio custodia. Odit vulgus vereor. Supellex vespillo tantum votum succedo amissio consequuntur caste cado suus. Repudiandae aegre sollicito. Clam urbanus demergo sperno cur cubicularis ait cicuta molestiae tripudio. Teres ars curso adduco anser contigo labore. Provident tam delinquo careo aegre comburo vorago deporto. Concedo dignissimos sumo.

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