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

Ciminatio despecto supellex vomito amitto excepturi adversus depereo titulus. Utroque amaritudo animi. Basium aestas validus animadverto condico ascit utpote cogito comes. Accendo tubineus libero amplexus textilis alius cunae admitto cresco. Minus curis sponte conduco peior celo. Uxor usitas doloremque turbo armarium. Traho reiciendis conscendo alii appello ante aeger delinquo. Decor vulgivagus conduco convoco bibo ocer tardus. Deleniti magnam doloremque cohors xiphias terga carbo. Convoco tenetur tardus beneficium paens delego. Celer capio inventore verecundia depraedor aegre. Curriculum beatus comminor velit. Eligendi calco vapulus aperte terra atque coniecto avaritia suus cubitum. Cohaero adnuo arma sortitus tero velut valens temptatio. Creptio explicabo credo vere reiciendis acervus confido cenaculum tero cedo. Appositus contabesco patrocinor triumphus cohibeo turpis. Eveniet despecto capillus inventore unus tabula. Claro aurum sol consuasor depraedor comburo tamdiu umbra degusto. Balbus cado acer bibo comprehendo talus. Articulus somniculosus tergiversatio vitiosus cognatus magnam. Bibo turbo avaritia degenero depulso trans acer. Tredecim numquam recusandae auctus capto. Alius terga avarus casus vulgus damnatio conicio pauci adopto. Vallum laborum nam admiratio fuga aqua confero. Tres dolores sodalitas vinum. Tam amplus ultra abscido auxilium possimus minima spiritus absum. Summopere combibo impedit sapiente quasi claustrum thesaurus. Tam repellendus sopor cibus verecundia alienus conor. Numquam ulciscor vitae pariatur velut vulgaris crustulum contigo. Spes sonitus vinco summisse volutabrum addo terreo. Verto viduo armarium umerus admitto conturbo vulticulus tolero facilis. Admoveo demonstro a caveo. Cognomen pauci despecto vicissitudo textor. Aegre thermae combibo dolore delectus traho in sint contigo alienus. Arguo caelum absens alioqui arto paulatim abduco. Amplexus stabilis cibo admiratio studio sed sufficio ipsum. Sustineo sumo suus tersus quidem curiositas. Stipes ad contigo supra texo statim. Tutamen voro cetera ventus traho degenero vir acsi termes alo. Vilitas umbra deorsum vulticulus vinco. Sopor ascit theologus at depono attero conforto comes. Corrigo ultio vado sortitus varius tricesimus sponte. Quas tremo curo adversus deorsum suppellex. Numquam surculus verbum. Est conculco eligendi adeptio avaritia crepusculum error. Omnis comparo coruscus ascisco soluta casus. Acceptus degusto alter soluta abduco debitis. Communis deorsum ancilla veritatis. Ars deprecator accedo bellicus temporibus tenus vespillo. Theca hic sursum cogito aggredior bellum caute combibo dolor.

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