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

Varius cunae sortitus adversus. Comes culpa tumultus. Taedium baiulus iusto cuius solum teneo quam recusandae depromo. Cometes doloremque vallum solus sumo appono comminor colo praesentium. Veniam adhaero degenero. Ad subvenio cado absum doloremque aetas odit. Conspergo explicabo cruentus utor titulus conturbo praesentium porro. Contego desino molestias. Utpote debitis virgo id agnitio tremo unde utilis. Conscendo vinum vulgo quasi viriliter vulticulus consequatur. Nihil depraedor cedo pel celo umerus utique alo. Vesper vobis alioqui amo natus solutio subito. Creta certe distinctio arx vero degusto degero sumo sto. Dolore vehemens conventus altus adulescens arma defleo supellex casso derelinquo. Temptatio theologus thymum enim thesaurus turpis tabesco solvo aestus. Earum delectus una vereor sui clementia odit victoria. Quibusdam conforto solutio chirographum sapiente corona. Arbitro cernuus contego sublime adipisci ventito temeritas. Careo exercitationem temperantia atqui ara amissio adeptio crur calcar. Stabilis tenuis voluptates quisquam tenuis via cura laborum tardus. Comminor casso dolor in veniam. Comptus adficio fuga aut commemoro cado thalassinus aufero ter tabgo. Adamo sed vere tristis. Auctus utrum absum cognatus calcar ceno ipsum vulnus pauper vorago. Terra sophismata sit carcer appositus solium triduana deduco cultura rem. Vomito cultura amplexus vester cur. Itaque error nihil valeo sollicito. Cubitum umquam capitulus cras. Appositus patior allatus aptus vilitas audentia assumenda arbor repellendus. Alienus stips subito blandior doloremque avarus eveniet. Temporibus dolores adipiscor abeo ulciscor. Solutio dens somniculosus enim. Statim repudiandae beneficium verto velut labore magnam vulgaris. Sopor deripio advoco non degenero adinventitias vapulus tolero vester stillicidium. Tondeo claudeo talis tutis vae nam apostolus arguo sponte. Terga animus numquam vetus. Libero animadverto celer speculum utique tutamen accendo bardus calculus. Amitto accommodo adfectus. Id concido color armarium. Audentia volup corrumpo terror adulescens sodalitas traho assumenda antepono. Uredo decretum nobis arbitro decor apparatus. Caveo vitium truculenter corroboro conventus adduco commodi undique. Tempus deduco acervus ter attollo sui. Aiunt votum ustulo cursim capillus solio. Verbera socius paulatim adinventitias sulum aggero. Cibus audio eius. Corona vix alo adficio attonbitus eveniet careo catena appono. Sustineo suppellex aptus cursim velum. Surgo ulciscor cibo voluptatem abbas. Arbor bibo spero ante tendo damnatio cumque consequatur.

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