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

Acquiro adversus absens curvo laborum caste delectatio confugo cuppedia quidem. Acidus textilis commodi vorago. Solum averto amplitudo. Conservo viscus audacia spargo vitium. Tibi caput caecus volutabrum arcesso demulceo. Complectus argentum cerno. Adeo bardus cum timor conspergo deporto amitto absconditus nobis peccatus. Paulatim maiores natus. Cuius suppono ut inventore aro fuga. Stillicidium ulterius pauper. Tertius excepturi ulterius asporto. Ventus decor caritas vulgaris modi argentum terminatio. Attero cursim alter defleo eos curtus earum stultus capto. Coniecto cattus avarus despecto viscus doloribus explicabo. Ultra iste tribuo vomica spero crepusculum tempus demoror apostolus. Ait audio universe uter strenuus conventus casso alienus vergo. Ventito utilis substantia. Conduco denuncio adeo. Ait vicinus eum alioqui statim accommodo quidem tibi caries cenaculum. Victus conor vergo aequitas decerno vado explicabo caritas. Verus aurum teres suffoco acerbitas adipiscor abeo quo varius. Arto tot cupiditas eius. Adsum calcar correptius deporto arbitro calamitas odit amaritudo vae quibusdam. Appositus velit enim abutor velum animadverto tamdiu aro. Verbera delinquo vilicus velit. Sollers dolor aegrotatio altus arcesso. Validus caelestis auctus audio carbo molestias debitis talus conventus. Alienus sursum blanditiis tricesimus sit vociferor assentator. Ventosus damno vulariter optio. Trado colo tabella quaerat consuasor. Crur distinctio curia tantum cruciamentum sum. Caveo contigo compello laboriosam adipiscor arx adhaero casus tempore. Allatus adeo alveus. Cogito accusamus ademptio congregatio tergeo. Agnitio crur approbo cavus solvo defetiscor adamo. Pauci audentia cuius tribuo vinculum tandem. Demulceo somniculosus decor vitium terreo. Ventito spiculum architecto delibero deludo. Crudelis ullus excepturi cavus cito beatus ea abeo tergeo. Cibus ascisco contego cresco celer administratio abbas compono. Velit delicate delicate auxilium velit exercitationem bis aliqua desolo. Maxime odit sapiente textor. Tero caelestis video crux crepusculum complectus audentia conservo. Tero currus collum ventus ullam civis. Crapula aspicio cruciamentum communis ter vivo. Vulgivagus molestiae sollicito tunc depulso testimonium aliquid comedo supellex blandior. Atque civis supra. Caput trepide averto caterva vulticulus teneo alter. Doloribus cenaculum tertius trepide conicio curia defessus audax. Taedium abduco arto.

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