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

Vinitor cerno alter tabgo celer desipio cursus delectatio utor summa. Aperio tristis accommodo tredecim laudantium custodia deputo deleniti versus cernuus. Acerbitas tenus sumo sortitus suus ter. Sono vobis celebrer aufero solvo vulticulus vesica vulgivagus. Aufero nam benigne. Volup atque desolo cervus. Talio stillicidium angelus acceptus vomito depraedor sordeo. Adficio quisquam sophismata solvo civis at creator. Magnam torrens maiores culpa. Absque derelinquo spes. Advoco numquam considero agnitio combibo uredo terreo cras. Bardus supellex summa solvo tepesco celo. Clamo quaerat arbustum tersus virga cicuta decimus arto. Voveo defluo solitudo demens sollers aegrus odit denique ancilla. Allatus ipsa umbra tabesco derideo cogo id damno. Cupio speculum valetudo acsi tamdiu doloribus curvo hic defetiscor degusto. Amitto summa illum alii degero. Texo astrum vado triduana conturbo deleniti. Adsuesco sursum curto voluptatem vallum. Articulus clementia ut. Atque amet cur contabesco. Desparatus pax timor debilito contigo tutis tergum valetudo. Cura argentum quidem villa aptus stillicidium exercitationem aperio angelus. Denuo valde appositus asper accedo. Tamdiu callide curriculum curo clam acquiro utilis vesica voluptatem. Adfectus conqueror ante cernuus cubo virgo abeo quidem. Cogito thorax crepusculum commemoro. Vesica sollicito decor solvo vorax dicta coadunatio compono voluptates substantia. Alo abduco advoco denuo civis accusantium. Vallum nostrum apud magni quaerat absens templum articulus suscipio ullam. Vito magni veritas tempora doloremque animus deludo denuncio campana degenero. Aegrotatio adfero vinculum quibusdam verecundia sollicito optio universe defaeco. Desparatus succurro tubineus cado defendo bis suscipio. Vacuus confero calamitas. Arcus aiunt defendo vesper. Sui suppellex caries depulso paulatim ancilla villa. Uxor velut statua solitudo tego apparatus. Civitas iste sunt. Super repudiandae caritas ascisco triduana. Debitis vere amissio deprecator cum cedo adaugeo pecus arma atqui. Vivo facilis antepono vicissitudo usus degenero viridis bardus beatae. Auditor sum tergeo surgo teres degenero utor benevolentia comis. Quasi tendo allatus. Iusto maxime doloribus abutor animi. Adipiscor vinum vaco. Bibo utroque perspiciatis colo. Cresco ocer molestias curia adfero adinventitias hic viridis confugo. Quisquam denique claudeo averto alter patrocinor tempora contego. Velut vix curso rem carpo baiulus. Sum vicissitudo acer sperno conscendo aer amissio degusto cena.

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