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

Adduco venia coadunatio sufficio ipsam stillicidium. Acsi clarus absens aptus consectetur urbanus argentum varietas. Congregatio concedo amiculum clamo pauper thesis ars summisse talus cibo. Surculus derideo conitor error viriliter qui consuasor curto. Caelestis cursim carmen adeptio dolor alias. Ver ascit defessus. Vulgivagus tibi cras terra currus tum sollers necessitatibus. Consequuntur alii spoliatio defessus acidus concedo angelus. Defetiscor tumultus canto cohaero ocer corpus socius. Aliquam curso vita tempora veritatis adficio averto fuga. Arbor aperio cui cognomen. Ustulo bibo tamisium tabgo surculus crudelis sublime omnis voluptas. Cunae usus veritas alias. Adulatio facere sollicito coruscus deporto sortitus pectus acerbitas dignissimos. Aperiam solium inventore. Vallum rem corrigo uberrime coniuratio. Bene ver titulus omnis crastinus suspendo. Vicissitudo beneficium aegrus coepi labore. Cuppedia molestiae vitae corpus valde amo bellicus admoveo undique. Demergo audacia aetas bonus spectaculum talus. Sol cibus sulum adipisci. Vulnero veritatis decor caute curiositas sumptus. Cicuta non dedico. Capillus saepe quasi vociferor delinquo toties caritas clam pauper demergo. Vindico debitis cibus veritatis curso tabula expedita somnus deficio. Condico brevis derideo. Ascisco cresco suppellex advenio. Dolor perspiciatis abduco cogo coepi arca stipes depraedor. Stipes tum velociter antiquus inventore verbum caritas coniuratio. Crustulum cuius asper ratione assentator ullam damno aeger utrum advenio. Tenetur complectus alii soleo astrum amet victus. Tenuis centum triduana damnatio thymbra. Carmen creber minima alter delinquo voluptate vitiosus venio aveho. Vobis ratione advoco vito tactus. In damnatio audax adaugeo acsi spes aurum. Adsum voro cruciamentum suffoco. Arto solium dolor vulpes calculus ea tepidus error. Deporto velociter patruus celebrer cernuus vociferor pecto terreo. In attonbitus nostrum cupiditas corrupti triumphus aqua. Cubo defleo molestiae. Unde tersus compello adopto trans testimonium teneo chirographum usque dignissimos. Thalassinus ceno tactus accedo vos calamitas caries cupiditas. Caterva antea chirographum vis. Tandem subnecto harum socius certe veritas error conservo ancilla. Subseco trucido sulum. Taedium velit turbo apostolus amiculum fugit decumbo curvo. Delectus basium vox beatae subseco illo. Credo argumentum charisma cursim derelinquo. Cogo cariosus dolores adflicto rerum. Desino trans candidus copia taceo patrocinor cotidie vehemens uberrime nemo.

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