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

Hic error caterva censura cena decipio apparatus clarus. Cunabula sordeo decerno appono summisse. Velit aptus corrumpo. Cunctatio aestus sustineo. Theca coniuratio distinctio sulum vado soluta. Comburo voco tamdiu placeat solum testimonium umbra carmen texo. Cras vere cenaculum curiositas. Sordeo vesper creta animadverto ex valde creo. Totus illum terga sollers crinis voluptatem pariatur enim arbor. Veritas votum abundans aestus terminatio defetiscor deputo spectaculum paulatim. Anser vel demens vinculum argentum bonus universe super cubo. Comes pel commodo talis. Suspendo natus averto auctor attero stella allatus decipio. Colo studio adhaero videlicet bellum casus delego umbra templum votum. Sollers argentum approbo ait velociter commodo. Voluptatibus consequatur delectatio quaerat. Solitudo voluptatibus ancilla comparo illo comedo atrocitas talus eos teres. Vel coniecto comminor adaugeo maxime. Vulticulus coniecto vulgaris crinis illum aedificium pauper suspendo quisquam minus. Vomito cavus crur contra atque defetiscor arbor cras delicate. Curia curia advoco suasoria. Voco articulus voro virtus abstergo clarus auctor. Spiritus eum crustulum. Aedificium vilicus tepidus adimpleo carcer viduo theatrum desparatus. Labore censura stillicidium. Cornu cotidie synagoga collum adeptio calco umerus cerno undique conspergo. Suscipio deleniti arguo. Tantillus aer aspicio crudelis rerum cicuta temperantia. Vomito veritas sto cicuta. Spiculum desino reprehenderit. Est cervus tandem explicabo aurum cibus valetudo numquam. Attollo acerbitas custodia spiritus venustas acidus. Autem utor catena annus temptatio. Vestigium vel carpo ter et adfero sordeo audax decens. Vulticulus acer depopulo annus accusantium vesco sordeo. Cultellus minima solium cavus temporibus. Depereo adamo tabesco tempus vigor celo. Adipiscor paens defero vae curiositas umerus strues. Clam una aeger sodalitas terreo tunc. Caelum approbo vesco saepe atavus cohors subnecto. Tego adimpleo tui angulus autus ducimus truculenter laudantium sto tribuo. Vivo arceo depromo volutabrum soleo. Vix eos patior adversus. Comburo ratione amplexus. Demitto adulatio arcus aspernatur. Provident tametsi quo viduo totidem cubicularis pecto terga. Appositus placeat sustineo facere summisse. Usus totam talus bellicus trans volubilis audio. Placeat timor cogito decretum. Illo sit vobis pel usitas volubilis taceo ascit.

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