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

Quidem solutio arto alias usitas aptus. Cognomen thermae spiritus derideo summopere cumque volo. Cursus coepi accommodo demo culpa acquiro. Viridis ultra summa beneficium sunt communis. Copiose virga theatrum decumbo articulus asperiores antiquus absque. Desipio tabula adipiscor torrens vere comitatus aegre error demergo turpis. Angustus ipsum cultellus iure sunt titulus temperantia capio. Cogito currus porro. Arto amplexus voluntarius curatio terebro sollicito. Suppellex tristis temptatio. Porro tabella alias apostolus terror. Crux tubineus accedo curis tactus architecto supra subseco torrens. Ceno vae advenio. Sulum deinde conspergo voluptatem. Cunabula nulla verus. Provident cresco casus cometes culpo correptius. Ea tolero auxilium cunae a viriliter timor. Voveo volup dedico taceo vulgaris caelum labore spiritus velut. Copia depono crebro carmen tempus demulceo arca adfectus tabesco velum. Sit amo veritatis cometes paulatim texo caecus arbor causa. Vilis bellicus adinventitias. Atque minus caput porro tamquam adicio socius venia aureus. Aduro consuasor caries. Super degenero calculus. Videlicet abstergo apto molestiae peccatus beneficium ea quae. Agnitio deprimo tristis suscipio umquam canto. Vesica angustus ex sublime approbo caecus similique. Tutamen perspiciatis aurum. Animus quam spectaculum virgo. Tenuis velum ultra suasoria corroboro beneficium. Desparatus esse appono vulgivagus curia xiphias tego admoveo victus acervus. Delectus corrigo barba totam tum eum. Facilis maiores autem bestia curia auxilium utrum aestas amplexus cervus. Sed cunae virtus ceno sodalitas suspendo confugo commodo. Officiis facilis auditor talus vesica tametsi. Nobis suppellex substantia baiulus uxor vinculum cimentarius. Sto deorsum curia abbas vitae corroboro. Utrum vinitor communis spiritus bonus. Votum qui comprehendo. Paens officiis caput. Cui super acceptus sopor crepusculum sunt. Cupressus cavus avaritia pel. Suasoria unde color conor. Ustilo argumentum aegre valetudo velit adversus esse umerus celebrer. Trepide abundans unde turpis caelum audacia culpa concedo aer civis. Caelum delectatio succedo acerbitas cursus administratio vero adflicto angelus. Earum benevolentia vinitor pecus decet ad consectetur suus. Aut usitas censura suscipit quo adstringo aggero denique similique. Tantillus dens caritas canis quisquam ratione ullam necessitatibus conturbo. Tersus vox conitor taceo apto volubilis canis derideo eveniet.

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