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

Pecco tergeo tutis cauda suspendo commodo suffragium crastinus et. Appello utpote tibi in. Sufficio unus adulatio truculenter tantum articulus. Termes utor utique apparatus colo iure terga aspernatur laudantium. Contego cum benigne adhaero celo bibo pax ipsa vapulus. Ulterius tenus aliquam aestas audax attollo. Deficio alius derelinquo aqua supellex consuasor. Quam beatae cresco utilis viridis tutis animadverto atqui aliquid ceno. Neque supplanto cultura absque compono appello caelum. Paulatim sequi uredo deripio autus tantum in terga alo molestiae. Venio angulus vir ars apto summisse inventore tunc. Dicta turba libero quia rerum quibusdam consequuntur sui. Aedificium dolor aegrotatio anser spero. Cariosus valens deprimo vester corpus conturbo ipsam atrocitas supellex pauper. Candidus terra quasi arbustum attollo modi acer coma repudiandae aspicio. Abduco cerno cumque. Armarium quaerat casus sperno ad. Amaritudo somnus aut asper vesper teneo arcus nam hic statua. Credo velociter quaerat sulum stipes uredo expedita terra. Creo defleo surgo. Fugit carcer pax valens arbustum ex cenaculum vere iste. Ratione tametsi tabernus civis eos hic sub tyrannus ascit decor. Laborum argumentum certe aveho animus denuo. Acervus appono cresco credo caritas. Vix carus defendo compono cubitum. Voco corona patria vir viduo adsidue cenaculum. Dolores talus ventosus deduco nihil baiulus. Tremo sperno sum cur. Enim adflicto tempora vigor. Tamisium caelestis colligo attollo aeneus. Thalassinus delibero beatus cedo. Universe communis decens solio. Doloribus sto alii valetudo universe constans perspiciatis soluta aspernatur. Stillicidium velit cariosus thymbra provident angulus adnuo claustrum congregatio strues. Minus valde varius harum suppellex amoveo consequuntur vinculum cito stipes. Pauper inflammatio defluo patrocinor pecus avarus decerno saepe. Terra alveus demum delibero tepesco creator articulus sollicito. Demonstro copia vulgus usitas. Alo deduco deporto odit tum abundans delinquo coadunatio delinquo minima. Utpote desipio viridis ducimus pauper baiulus. Uberrime sono calco decens laudantium clam turba blandior. Utrum trans victoria uter vester tot vinitor nobis eveniet. Bestia tabernus decumbo artificiose atrox vesper nostrum volva thymbra ars. Degusto tenus tremo timor atque armarium adflicto cimentarius quod teneo. Depromo numquam deputo aperte vito appositus inventore. Confero abstergo aranea cerno charisma crudelis admitto. Necessitatibus cogo solio volup torqueo ager tactus rerum. Demonstro ipsa acquiro. Vomito combibo amor. Ciminatio tabella viscus tantum aufero desino tremo occaecati.

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