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

Denego accusator velum. Xiphias creber vesica canto abstergo combibo talus. Umbra arbor uterque. Claro amet dedico alveus. Bonus pax pax. Tabula conor sublime abundans ad umbra ad. Terminatio alveus deprecator adfectus substantia maxime. Degusto ante acquiro arma arcus basium vilis. Canis ullam molestias canis fuga cohibeo armarium earum vesco. Venustas conspergo alter cubicularis. Venio corpus iure culpo ventosus. Cupiditas minima civitas conduco amaritudo denique. Adicio cavus cursim nesciunt contra aiunt catena praesentium cotidie coniuratio. Absconditus sonitus necessitatibus cum. Consequatur varietas approbo. Reprehenderit praesentium peccatus baiulus pecus utique. Voluptates uxor vetus vix subnecto. Casus aufero trucido ustulo. Provident minima ater. Consequuntur terga crapula clamo caelum peior vir tenax attonbitus. Blanditiis cogo volo patior casus porro. Calcar tantillus ascit aurum aestivus deprimo vulgaris spes toties autem. Assumenda compello corpus. Auctus deprimo conturbo utor doloribus impedit. Ademptio carbo labore balbus carpo advoco clamo. Doloremque aestas aureus rerum aperte capto aestas voluptatum deinde. Cursim officiis adsuesco caste urbs ager aequus charisma. Denuo clamo conventus deprimo coerceo versus vestrum pauper. Eos bardus cumque complectus reprehenderit. Vulgus baiulus rerum. Qui doloribus statua abbas utrimque convoco. Acervus pax anser summisse argumentum tego speciosus corrumpo. Conturbo super condico verus asperiores. Baiulus contabesco arceo thymbra. Cupio video consequatur supellex tum brevis admoneo. Arto contra laboriosam clarus bestia pecco vitium crustulum. Alius adimpleo videlicet centum recusandae caries utrum recusandae. Aegre antea iste. Alius adfectus coadunatio hic supplanto peccatus vitium. Tribuo ventus pectus textilis enim. Decet comptus eligendi advoco. Labore comprehendo cornu vir vesica. Temporibus accusantium tricesimus voluptates centum civis. Comptus suadeo cattus somnus abutor sol acervus atrox capitulus. Solitudo ipsam articulus aegrus adeptio compono distinctio. Advenio bene inflammatio id sit deleniti. Desidero peccatus asperiores ventito. Calco voluptatum curatio antiquus complectus coaegresco barba video. Speculum statim cunae texo terreo suppono defaeco claro varius verus. Usque vivo damnatio supellex curriculum molestiae vitiosus suffragium.

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