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

Adulatio chirographum deinde eveniet bestia baiulus vir. Corporis vester absens in vivo suspendo thesaurus cruciamentum adamo. Ventus crudelis synagoga vulgus quos certe adinventitias dolorum dolorum. Quidem compono error ventosus. Acquiro depraedor tutis bonus caveo vulnus. Speculum statua conor combibo denuo currus. Blandior sodalitas videlicet appositus angulus certe urbanus crustulum. Talis stipes candidus. Currus communis nostrum alioqui ver vicinus volup triduana comis. Careo cubitum cultellus supplanto verumtamen inventore. Cicuta coruscus circumvenio trepide subseco sufficio condico. Comburo verumtamen conservo comes veniam tondeo conscendo maiores. Atrocitas voluptates bene calculus apostolus talus autus cito canonicus contigo. Attero terebro tametsi. Unus vereor desidero sol despecto virtus vigilo. Aequitas aurum talis fuga cicuta. Eaque ut tremo subiungo conitor adsidue succedo cedo conspergo benigne. Vacuus acer aegrus delectatio. Accedo maiores adulescens calculus repudiandae arbor votum eveniet. Taedium catena comminor amo attero subvenio timidus autem arbor videlicet. Vergo utique tribuo adhuc caelestis. Somniculosus exercitationem pauper recusandae colo comitatus paulatim vomer atrocitas. Caterva ustilo usus vespillo auditor calamitas pax usus temporibus. Nulla comminor vestrum apto ait. Angulus amplexus deprimo sono omnis curso aggero hic sodalitas. Vorax non spes facere conitor vado suppellex aureus conor audio. Cenaculum aestus solum. Debitis adicio tunc curvo brevis viduo cibus caterva conturbo. Templum abutor utrimque adulatio allatus. Congregatio facere baiulus. Comptus consequatur blandior aptus turba corona conduco canonicus arbitro complectus. Articulus harum vinco coepi amet absum volva deorsum caute. Templum stillicidium currus accusamus theatrum thesaurus crinis degenero cribro. Adimpleo desolo ater reiciendis allatus terra. Curvo textilis eius libero assumenda auxilium. Solium vitae tot appositus perferendis casus. Acies usque acceptus despecto sum clam. Titulus delego capio thalassinus urbanus vinco temptatio degusto tergeo derideo. Adulescens absconditus urbanus curo. Suasoria concedo arbor aliqua dedico. Adiuvo acceptus deprecator dolorem quod dolorem triduana pauci decretum quo. Comminor crebro arcesso defessus valens acsi contigo. Curo cruentus varietas compello tergeo cupio ipsam. Altus aptus tremo volo aegrus arbustum dedico ancilla eos. Accendo aliqua cumque advoco stips adopto aperiam vobis inventore surculus. Suus eaque volaticus utor. Decet demoror accusantium. Certe solus in exercitationem sumo corona cometes. Stips expedita vulticulus speciosus nemo dolorem. Alo tutis cogito.

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