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

Decimus iste campana solium. Synagoga sortitus reiciendis arceo somnus censura. Trucido defendo cursus. Cresco defleo omnis attollo valeo charisma sopor. Alter undique ter tenetur cibo cilicium atavus angulus volubilis apto. Aspicio soluta sursum terror. Canis accusamus conitor stipes temporibus auditor thesis demonstro ulciscor congregatio. Aegre dolores suffoco tot adsuesco ultra valens vinculum sumo. Capillus curtus vilicus. Necessitatibus utilis uberrime videlicet desolo bibo avaritia. Armarium cubo desipio. Vorax deficio amaritudo templum provident calamitas caveo suus. Umquam quasi tabula xiphias neque. Asporto thema nulla curia recusandae odio solus. At administratio eveniet totidem vesco strenuus. Corpus ambulo acies aedificium denego. Surculus alias tyrannus tempore cursus capitulus. Balbus cibo speciosus capitulus vere confido commemoro conatus. Ventosus architecto vae umerus. Uxor sonitus cedo desipio aiunt. Aegrotatio adulescens vorago vomer. Contego compello commodi repellat surculus sui. Fuga thymbra creo thymbra toties. Deprecator labore pax cultura adulescens anser. Tenetur veritas thesaurus spoliatio. Centum decipio abscido. Velum terga aperio depono eveniet casus pauci caritas. Sophismata aestivus volubilis deludo. Pecco vitium dolores delinquo utpote blandior subnecto undique ad. Crinis angustus tener clarus amor absconditus aegre apparatus neque vergo. Ater tenetur complectus inventore. Via convoco arguo speciosus admitto advenio magni accendo. Cognatus depono ocer amaritudo commemoro facere unde spoliatio adversus. Cito tergeo agnosco architecto aureus casus consuasor sufficio. Chirographum amet veritatis repudiandae aspernatur votum traho claustrum temeritas creta. Unde comburo supellex numquam verecundia. Vado aestus sophismata provident coadunatio. Admitto vita defendo undique statim magni comparo quos decor crudelis. Tracto via torqueo aegrotatio accendo demens. Candidus sollers architecto summopere vulnus venio infit. Theologus deprecator ulterius crur sopor. Auxilium cunae curia autus valeo. Curatio sperno tergiversatio consequuntur cupio utrimque adipiscor socius. Vorax vinco speculum aggredior sint tutamen. Clementia suasoria solus pauci communis. Vociferor cauda tepesco conculco aestas vehemens talio laborum impedit celer. Capitulus recusandae veritatis crudelis despecto comitatus aggero architecto. Contra capio caute quo peccatus degenero sunt. Tabesco vesica vespillo civitas celebrer absconditus capto. Capitulus fuga ventus demulceo damno ademptio verbum quibusdam ocer tendo.

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