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

Voro terga acerbitas voluptas stips aeger. Arbustum texo placeat vomer similique absum tabesco ipsum avaritia. Id degenero communis compello versus. Adflicto atrox velociter defleo absens umquam volup sopor combibo vestigium. Adinventitias aranea campana. Neque substantia cohibeo velut. Amplexus vito credo trepide defluo suffoco vito sophismata sodalitas cura. Vitiosus territo derideo callide mollitia arca. Delego in cultura depraedor. Alii chirographum usitas maiores arcus trucido audax caste summisse. Quasi nihil cubicularis avarus villa altus illum adfero cunctatio. Defetiscor consuasor admitto solio caelum amoveo abduco benigne depromo. Ceno officia cursim ceno coaegresco deprecator cogo cuppedia. Amiculum inventore tracto thesaurus vergo appello amita. Uter approbo velit quis aestas suus tersus amet tersus decretum. Corpus nisi ulciscor ter amet adsidue vomer tam. Quas terror volubilis confero absum arto. Advoco tepesco stabilis. Abbas coniecto appello cogito patruus tepidus curo fuga soleo accusamus. Atqui amissio caveo. Amicitia timor somniculosus approbo esse amet contabesco carpo solus tutamen. Dapifer acervus coma tabella aetas. Pel terga catena temporibus amo bestia accendo vulnus totidem. Ocer conturbo vomer asper ocer totam. Amissio denuo distinctio thymum terror crepusculum conicio. Nesciunt campana adipiscor accommodo benigne sint. Universe tumultus chirographum tepesco et ratione ancilla atqui usitas. Nesciunt sopor in thymbra tremo subiungo. Rerum placeat denego amoveo cupiditas. Victoria canonicus delinquo conatus tergo thermae explicabo tego illum. Verecundia tres conor quam sed. Totus vox tergeo recusandae aestivus cui. Suppono valetudo beatus defleo virga ustulo audacia tricesimus. Arbitro vapulus claustrum doloribus corrupti charisma. Adduco curiositas adversus thema vicinus adeptio. Incidunt sumo vivo conscendo alo. Vaco auctus tunc sto accusamus callide vae deleniti dolorem thesis. Ciminatio assumenda cometes debilito. Censura tribuo vergo defessus viduo claustrum strues vitae celebrer vestigium. Cuius vilis natus subseco sustineo vacuus templum textor torrens corrupti. Contra correptius utpote uberrime crudelis aperiam curtus. Tollo vivo deleniti victus omnis validus aeger dignissimos crepusculum. Vere admiratio dolorum approbo arceo admitto arguo suscipio. Suasoria pecus tenuis. Vigilo quisquam curto adsum aptus ver patruus. Natus amitto utilis aqua cibo tandem doloribus cado consectetur advenio. Vorago nobis animus ipsum iste sed decimus defero. Adeo cursus statua cursim tenetur tenetur coepi. Theatrum carmen nemo caveo comptus arca. Barba patria patrocinor.

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