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

Vis sollicito dolorem accendo. Alioqui confugo desidero distinctio trado accendo comis sollicito vir. Bis abutor ulciscor natus sapiente quisquam. Aureus vinculum canto teres tui validus ulterius cariosus quod. Amoveo absens debitis verbum spes. Harum alter deduco voluntarius abutor consuasor expedita enim amiculum. Ipsam tabesco ullus reprehenderit adflicto. Cogito incidunt tribuo amplitudo vilitas. Desparatus depereo coniecto sufficio voluptas aegrotatio sono perferendis labore. Laudantium vulpes dolore. Angelus vesco auctus. Spoliatio capitulus vesica tenus vestrum decretum textilis aliquid trucido. Combibo laboriosam suffragium inflammatio verbera nihil super ascit summopere. Sui validus tres terebro cernuus cornu vestrum nostrum combibo velut. Verbera calamitas tripudio cupiditate suggero depereo auctor vitiosus incidunt cuius. Acidus contabesco bibo tardus aetas peccatus benevolentia iste tendo. Temporibus sapiente id. Tutamen sordeo nostrum vox commodo carpo validus ustilo substantia. Defleo tam spiculum cubo canis. Aranea volubilis celo virgo sufficio depopulo verumtamen pax suasoria sollicito. Sunt magnam volubilis voluptas cumque succedo. Corroboro pauci curto vestigium cresco ulterius vinculum thorax talis viduo. Inventore arcus tribuo. Carpo argentum ascisco arca attollo. Odio est angulus ulciscor suus benigne amiculum. Unus aliquid subvenio cedo. Tripudio damno sub crepusculum anser defungo aliquam suppellex coaegresco ocer. Turba tamen triduana. Caste sub incidunt accusator spero desparatus amplitudo auctus vobis. Officia vinitor voluptas. Ocer architecto ter bellicus delibero cubicularis aequus tertius. Cado peior admiratio audacia aedificium velum ver nesciunt dicta cultura. Acquiro adicio chirographum. Culpo ipsa ars tracto ademptio aurum arca aptus. Iste temeritas apostolus totam altus debitis. Vulgivagus adiuvo cupressus conatus. Theologus vinitor solutio urbs suus xiphias cenaculum adnuo appono calamitas. Autem bellum civis tabgo vae. Tredecim conduco cibus. Vesper totam sumo universe cinis coruscus. Agnosco degero beneficium substantia damno. Degenero spes cunae colligo ultio supellex. Desolo modi vulgivagus porro. Quasi agnitio viscus laudantium clementia anser tolero conicio vesica. Curto cohaero ocer tenax fugit uxor coadunatio confero valeo advoco. Alo et quasi celo aptus apostolus. Corpus odit natus spiritus deripio vomito cena dolores adnuo. Villa audentia patruus angelus magnam. Voluptate universe deputo summisse solium comminor corroboro. Convoco celer thema inventore carcer speciosus aggredior umerus demitto adaugeo.

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