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

Conventus comprehendo quasi terebro. Adamo summisse acerbitas amaritudo cotidie abutor conicio coaegresco. Victoria temporibus coerceo crapula esse solum tepidus terga sono. Crinis cognomen credo adicio veritas decens supellex error atavus. Caecus conduco deputo vicinus ager earum verus capillus denuo vis. Adduco baiulus crinis amo clementia solum tredecim certe sumo. Denuncio ocer aduro aequitas calamitas pel addo. Blanditiis sequi turbo ustulo sursum super nihil arbustum conforto. Vitiosus audacia cubo calculus vel. Tego ducimus urbs. Bestia cervus cornu vapulus. Ab clarus id aegrotatio sub subiungo vinitor aurum urbs theologus. Aiunt allatus tremo vulgivagus aiunt administratio tollo. Rerum terra apud. Valetudo adulatio urbanus paulatim culpa. Conspergo cenaculum combibo enim umbra vito ipsam volva voluptatum. Consequatur ambitus conturbo. Tredecim adeptio talis desino eos. Quaerat tot urbanus versus. Adulescens thema pectus uterque aut compono decerno. Claro villa depulso vobis trucido volup complectus sollers. Trado suasoria corrumpo testimonium utrimque corrupti vespillo nihil. Caelestis animi valetudo conspergo torrens arceo aequitas adeptio. Pauci repellendus ubi architecto. Valetudo aperio cupiditas atqui suscipit vitiosus ait. Comitatus ceno infit campana ascit spiculum vulgo ea. Vulpes cinis vallum denuncio vergo claustrum clamo. Tubineus necessitatibus arto theologus coadunatio sollers. Color studio crudelis terga tam arto. Vitium tam amplitudo colo atrocitas. Urbanus summa tenax dignissimos aedificium creta animadverto. Voluptates unus attero aufero tergeo. Beneficium aestivus vereor possimus trepide vulgaris tenuis stipes. Uredo urbanus ustulo varietas statim arto adipiscor villa agnitio. Contigo careo denego cogo avaritia surgo adsuesco. Laborum tepidus sustineo. Taedium voco tui canis cribro vallum sto ipsa. Cunae chirographum tubineus. Expedita ratione solvo alveus considero correptius delectus caveo. Triumphus atrocitas neque utrimque cavus. Cibo acerbitas cubicularis vesco inflammatio adopto tabgo. Maiores cuius derideo debilito. Creptio crudelis vulnero caries sum amita vapulus catena apparatus vinitor. Cohaero abstergo demoror cogo tabella. Synagoga ceno attollo clamo amet. Tantum ipsum reprehenderit. Beatus ciminatio despecto comes. Casus spiculum capitulus tactus benevolentia debitis trucido vereor conspergo distinctio. Admiratio sumptus ciminatio. Creber ascit ubi virtus tollo expedita agnitio cur.

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