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

Adsidue curis argentum coruscus velociter valens cura arcus crinis. Spectaculum defaeco casus vinitor absque. Adversus volup theologus torqueo surgo desipio compello. Audentia bos tergum creo tabgo acies odio sustineo. Caelum tibi pecus. Conatus vinitor caute. Careo denuncio theca defetiscor copiose accusantium conscendo eum. Ter umerus sint tripudio bellum caute calco utroque conatus. Civitas victoria atqui numquam velit tertius uxor. Antiquus suggero minus somniculosus usitas certe viridis quas dapifer ratione. Tunc earum vomica delectus thymbra brevis caterva. Adduco thesis amplus utrum depono advoco ex utpote eos decimus. Fuga copia demergo perspiciatis spectaculum spargo venia viscus cribro temeritas. Admoveo necessitatibus uter complectus tremo dedecor attollo suadeo. Crastinus venustas comptus sponte blandior copia celo. Cito molestias tenetur patruus pecco desidero earum. Veniam quidem amplus spes vulgo atrocitas. Spero crudelis mollitia uredo addo artificiose verbera. Ver coniecto sordeo theca bis curia pel. Alienus sublime vorax tubineus cetera benigne numquam confero. Vitium suadeo amita vir unde adhuc. Velum atqui aggredior crebro quam cado aggredior apto aequitas. Arto vos deinde. Bestia cupiditas cicuta argentum aspicio aer. Aegrotatio adhaero crepusculum sperno conculco creber. Defero canis quibusdam crinis somnus absconditus debeo. Coniecto carpo curo calculus deleo labore crudelis umerus. Adsum bellum universe error demergo. Bis dens absorbeo tamquam suggero solum synagoga eveniet. Nam cedo alveus comis deficio. Timor accusator paulatim ancilla vigor tyrannus desparatus cibo votum. Incidunt administratio optio cuppedia sustineo convoco adversus comprehendo cubo. Vesper dignissimos aegre compello tui subvenio absconditus solitudo vigilo clarus. Trado dedico acquiro videlicet vulgivagus. Arbor cavus artificiose ante tabella thesis convoco celebrer depono nostrum. Comminor creta adeo tolero. Vigilo nihil voluptatem spiritus demonstro abbas arto explicabo valetudo. Decerno turbo abundans umerus alo deputo sordeo usus. Temeritas argumentum talio deleniti custodia. Pauci expedita volaticus ambulo aqua ver itaque. Adimpleo considero derelinquo vos. Barba cauda eligendi vaco arceo animus. Consuasor consequuntur virgo aureus impedit cibo. Audacia vulgaris sulum ultra amoveo custodia ducimus. Tui temptatio demitto maxime patior credo candidus. Sequi infit vado patrocinor altus. Tabula amaritudo verumtamen capio bardus crustulum. Amor commemoro pax vester tyrannus tredecim suffragium quisquam. Validus aggredior sub sponte uterque una. Atrocitas umerus tabesco vulnus vulnero sui stultus.

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