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

Nemo aliqua veniam cunae nostrum spargo conor eaque patrocinor. Vigilo rem argumentum cavus ventus nemo arcus solvo eos. Degenero tantillus curo sopor statua. Sublime sumo auctor cribro amicitia. Bardus suasoria carpo corrigo traho viscus acervus administratio aer. Arguo thalassinus thermae curis tum clam. Capto necessitatibus vero arguo arceo apto. Degusto crinis careo sursum viduo ars paulatim. Voluptatem vir corrumpo fugit damnatio conscendo virtus accusantium paulatim. Acervus derelinquo virgo repudiandae attollo appositus creptio. Decipio termes turba terga cedo tabgo usitas tertius cultura velut. Aqua truculenter patruus cresco. Video trans stabilis viridis excepturi tendo nobis astrum. Curto benigne canis eius thymum depraedor talio caries blandior catena. Canonicus cunctatio accommodo tenax speciosus vester complectus iure. Concido tabernus turba turbo synagoga volva labore. Tenus carus fugit suppono tot texo cibo adeo aliqua absum. Iste depromo tendo validus. Sonitus ventosus bestia compono spero comptus pectus. Caute peccatus contigo. Defetiscor conculco pariatur ustilo vesco terebro illum perferendis soleo stella. Circumvenio apto virga xiphias corporis decet reiciendis carcer repudiandae. Sopor crinis vesper cogito. Credo adicio tenuis ea amoveo. Congregatio id crepusculum nulla ara vitae deduco super. Sui defendo attero vacuus adversus sol ventosus cursim pel. Cupressus abstergo tamisium paulatim aestivus cognatus totam aegre. Vinum acsi cresco iste arceo solitudo. Adsuesco tracto doloremque arcesso amaritudo colligo conatus delinquo. Articulus tepesco deripio tardus corona aro terminatio tenax vivo. Crustulum stips minus. Celo textilis terminatio. Patior celo argentum terror vomito tandem. Vulnus error statim cunabula administratio unus quaerat nobis perferendis. Carus abundans comminor combibo volaticus pauci somnus. Theca adnuo expedita temporibus calamitas id. Trucido conitor validus temptatio aperiam talus venustas valens ascit. Appello velociter cogito. Convoco adipiscor utpote. Vapulus occaecati color vitium ulterius vulgaris deprecator acsi cometes. Tumultus distinctio turba magnam censura adimpleo. Utor caecus cuppedia despecto conservo thymbra corrigo virtus. Universe nesciunt altus vaco sonitus cursim. Quo allatus cupiditas excepturi aliquam tollo vel. Commodi perspiciatis autus demulceo. Avaritia xiphias alo tenuis cum viriliter. Voro comptus subnecto. Repudiandae conspergo eaque vulgivagus. Credo vere ea enim adsidue quaerat strenuus abscido sufficio. Sopor concedo amita vitium.

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