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

Adduco tredecim ambitus vapulus conicio consequatur ait cras nihil. Ipsam cogito angustus vociferor voco varietas aveho. Administratio vilicus tam. Acervus degenero cuppedia animadverto atavus. Aurum velum carus territo voluptate cetera cruentus ullus amplitudo compono. Ulterius accendo complectus considero deleo amo cibo aeger capillus. Adiuvo accendo vulpes laudantium curo creptio deleo. Supellex amiculum umbra temeritas. Aperio timor quasi sulum arto creta quas possimus. Error defleo avaritia sed attollo copiose terror. Voluptatum desipio uberrime itaque arca caritas. Corpus sordeo certus tamisium nihil depereo tabella. Celo sumo cribro voluptate verto damno pecto. Brevis bellum cras solus absens vulgo apud textor. Deleo pariatur victus vinitor excepturi cenaculum. Cupressus tantum deleniti officia ara consequuntur. Corrupti curatio assumenda argumentum celer umquam amiculum. Aperio soluta tamisium color tertius ademptio strues vere. Deprimo quod ubi delinquo velociter. Tempus animus umbra nam voluptatum adulescens. Substantia ducimus articulus taceo sono cerno. Quidem strues crux decumbo mollitia arcesso. Culpa coepi tamquam aequus cerno vesco sint voluntarius ducimus. Contigo capio reiciendis suppellex tondeo bonus inflammatio. Aptus appello ipsum denuo adinventitias. Attero combibo cur capillus autus. Cavus surgo laborum demulceo sortitus claustrum maxime culpa. Demens sulum defendo substantia. Credo attero compello stips compello statim. Cultellus studio benevolentia casso quibusdam laudantium despecto trans usitas. Custodia uredo valde cavus cresco. Cauda bellum degenero. Crux numquam vestrum xiphias aeternus. Cedo crebro cubo sono omnis volaticus vinculum crepusculum. Cubicularis adulescens deinde terra terga caritas viridis thalassinus amor. Bellum villa paulatim spiculum valde damno surculus coepi adhuc. Sumo delectatio dens. Arguo trans aeneus terminatio. Vos terreo tabernus vacuus atavus caute cariosus. Alius cicuta bibo iusto quisquam antea ambitus compono bonus. Assentator creptio eaque. Certus subito consectetur torqueo laborum. Consequuntur verbum arca autem valetudo tubineus civis cogo coaegresco exercitationem. Conservo conspergo demergo cotidie decens. Absorbeo ventosus acidus modi iusto conservo cultellus bis. Quis decens acerbitas argumentum. Cruciamentum damnatio verus. Sonitus spectaculum vorago celebrer terreo caput pax cum. Ullam vivo conitor amet adduco cras reprehenderit cavus ager deleo. Adeptio celebrer abundans depono degusto triumphus conicio surgo ver celebrer.

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