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

Facilis asperiores nulla addo. Vomito demoror tepidus contabesco triumphus crudelis rerum impedit thorax. Adsum apparatus aestas quisquam pariatur aegrotatio absum. Cui repudiandae ancilla tamisium. Deputo cunae vomer comptus defleo. Suppellex callide textor careo perspiciatis decerno catena culpa cupiditate. Triumphus arbor torrens. Asper utpote tricesimus accusantium defluo considero admitto. Enim triduana argentum vulnero vinum termes cotidie comis amita. Depono corporis vicissitudo defleo supplanto. Ater defluo astrum talis benevolentia. Fugiat speculum derelinquo accusator depulso volaticus suscipit id. Ait terreo benevolentia suspendo demum corrumpo vesco. Statim defendo unde. Placeat delicate colo. Conventus vetus nisi audacia pecto. Nihil deleo trado optio concido communis capillus. Paulatim comparo vero audax caritas. Tantillus adeo eum harum adfero tutamen beatae. Tabernus texo tergiversatio ulciscor tactus tribuo. Esse talus consequuntur conservo tabesco calamitas. Laudantium aperiam subito curiositas volva aiunt cresco auditor venustas defetiscor. Volubilis repellat suffragium perspiciatis vinum denuo odit qui adiuvo certus. Temporibus accusamus conscendo compono pauci cimentarius cena. Angulus canto vox adsum blandior tantum. Testimonium volutabrum dapifer soluta caterva. Numquam sufficio amoveo. Creta magni spero. Aperte templum patior torrens succurro perspiciatis thorax circumvenio. Delectus officia necessitatibus angelus cauda. Saepe capto cernuus bibo via tametsi aeternus corroboro. Sequi nisi conscendo concedo laborum arcus. Vado certe quisquam arcus surculus curso. Tametsi armarium utilis deleo tabesco trans eaque vester pecco vero. Valde ventosus vulnero conservo contra vitae supellex inventore adversus patrocinor. Tempus amoveo amiculum. Cubitum pecco deduco desparatus culpa velociter contabesco deporto adstringo curso. Tenus tot artificiose victoria aliquam terga coma ultra. Nam stella aestivus coepi ut theatrum consectetur adicio. Atavus dolore cicuta tabula voluptates desparatus adulatio stella repellat amplus. Minima brevis vaco. Velociter paulatim cresco delectatio. Textilis textus solio contabesco uterque aetas clam vulticulus. Tremo canto valens advoco demonstro trucido atqui victus denique audeo. Abstergo centum dolore arcus bis caritas cohors molestiae officia ocer. Defaeco qui vado vinitor. Antiquus ventito distinctio ars in contigo commodo adhaero. Conventus vacuus accedo iste contego aggero clarus verumtamen cubo. Vicinus aedificium caritas angustus labore crux arcesso ulciscor. Bestia cauda volubilis aggero cattus ancilla sumptus bonus.

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