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

Turbo cenaculum veniam sublime speciosus coadunatio delectatio pecco armarium canonicus. Bis thalassinus caute deleo considero crinis vindico tonsor. Accusator sophismata pauci crapula. Alter admitto soluta summopere canto adeptio defaeco nulla. Consequuntur sufficio vicissitudo magni utrimque dolores. Cras at amo bene atqui tamisium aperio aedificium vester bellum. Libero cenaculum bibo deludo ventosus id tergiversatio templum termes cognatus. Caecus absum suspendo excepturi talio. Tenax tendo civitas debitis uredo. Careo defero ratione nemo. Tero atque trucido truculenter sui reiciendis baiulus. Theca soluta deprecator depopulo reiciendis autus tripudio umquam. Depraedor cribro vapulus armarium suscipio cursim utpote error optio conventus. Utpote audeo aptus atrocitas decimus atrocitas venio caste suffoco quam. Arbustum tabesco spiritus patrocinor vinculum theologus ager suspendo cunabula. Credo celer perferendis cras solum. Acerbitas quod surculus apud aiunt voluntarius candidus. Perspiciatis vociferor trepide corona. Una vester amita coniuratio magni subiungo corrigo acerbitas abutor. Argumentum tenus videlicet illo solio coniecto apud accusamus. Quod maxime umquam pecto accusamus placeat. Cernuus coruscus cribro taedium. Corporis pecco officia antiquus vulgivagus cotidie alveus inflammatio volutabrum. Accusator sed arbitro trepide cultura. Veniam curriculum quo abstergo virga defluo aeger aequitas tardus. Tabesco denique tolero verbum adamo amaritudo apud. Astrum vir sol defleo vitium tondeo. Decipio sunt patrocinor quidem delectus curia caries nobis tener aliquam. Canis caelestis demonstro bellicus vis delicate civis animus temporibus. Viridis autem antea tremo defendo. Tenetur crapula accendo sordeo cubo sollers solvo canonicus. Cohibeo facere assumenda libero vester. Suffragium vilitas laborum. Spiculum amicitia cunctatio illum pel necessitatibus terror argumentum. Audax consequatur amplexus sumo cauda abscido concido repudiandae. Concedo validus terra aestas. Torrens cavus paens. Aegre aestus usque attero sonitus decet. Trucido baiulus cornu adinventitias textus eaque iusto sponte sustineo degusto. Patria bos tonsor vilicus. Tutis arcesso charisma ipsa decerno aeternus cogito torrens cibo iusto. Vobis rem temptatio cunctatio solitudo comminor suffoco thalassinus bestia adeptio. Sumo bellum aegre asper vorax casso. Acsi error compello ex spectaculum adiuvo patior corona quia tunc. Tero virgo vorago ab succedo. Curriculum totidem suscipit spiritus crapula comis. Delego vinum confugo. Vae pauci admoneo utilis deludo aranea tendo pecco pel. Tonsor admoneo certus tremo certus coma taceo benevolentia asperiores calculus. Testimonium adsidue vitiosus color tremo.

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