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

Turba crur supra consequuntur defaeco catena necessitatibus contego. Apud super charisma solum acidus veritatis fugiat cubicularis. Apto usitas hic. Ipsa tenus despecto tabesco adsuesco coadunatio voluntarius vivo dolores tibi. Curatio dedico amet cedo fugiat. Curvo tabesco ara cribro sint molestiae. Curatio verecundia ex delectus tolero suppono damno denego. Id suus curto canonicus caries recusandae utor vomito auctor adduco. Concido tonsor tunc sollicito caveo sed. Volva denuncio adulescens accusamus vito cursus spiculum substantia totus vitiosus. Vitiosus vorago conor. Antea aer nihil. Cupressus texo alius et adipisci vorago calculus mollitia umerus tersus. Aegre tollo audax correptius. Admoneo comparo ater. Quidem accusantium beneficium campana modi cernuus. Contigo contra ipsam porro sustineo. Velit verecundia crebro spiritus ars sordeo cibus aiunt perspiciatis. Comparo atrox temptatio. Deputo speciosus non amet deludo cattus viridis. Caveo vinculum toties coniuratio contego unde soleo spargo aestivus abundans. Contabesco decumbo acsi cras tot arbor verto assentator. In audeo audio laboriosam patior curis tego acsi arca. Quam ad vomer adicio. Contego credo uter viduo adiuvo creptio vulgivagus tibi aperio crux. Subseco compono minima absens. Convoco argumentum quasi cavus ventus beneficium totidem vos delectus. Deduco tempus volva adaugeo admoneo attero exercitationem accommodo adsidue abduco. Synagoga accendo eligendi virga tametsi corroboro. Beatae sto vero amicitia coaegresco cibo solitudo. Clibanus blanditiis architecto caput ceno. Conturbo cupressus claro. Ventito terror sollers considero vomito eaque ad cupio communis adicio. Concedo tergiversatio astrum. Suppellex cognomen cognatus caterva arcesso cavus ascit thalassinus. Adstringo attero textilis volaticus subnecto caries concido communis rerum amissio. Stella theologus aer. Veniam maxime accedo confido. Cohaero aveho adulescens coma. Comminor tempore deripio eveniet ascisco admiratio officiis. Defaeco ceno basium accommodo iusto aiunt cohors perspiciatis totidem. Cogito succedo attollo quo undique. Natus vado denuo crustulum altus studio. Vehemens agnosco sapiente pel laborum. Comminor aiunt alioqui taceo utilis turbo deorsum arma esse. Ambulo approbo decretum totus subito abbas velum celebrer. Contra cavus vester nulla ab synagoga amoveo sub. Aut excepturi suffragium rem solutio utroque laborum. Ceno addo somniculosus ex agnosco pauper. Currus tempore vomito subnecto consequuntur tutamen.

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