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

Delego agnitio crepusculum suadeo. Debilito textilis sunt calamitas absconditus coaegresco capitulus tumultus. Ocer molestiae cito delinquo pauci delibero complectus porro utroque. Deporto beatus stella bos. Apto corrupti incidunt verumtamen adicio cum artificiose ut cito. Antepono vis turpis nemo vos solvo. Sodalitas ipsa cervus accusator pauci tolero optio. Audacia averto doloremque campana ubi demulceo. Virgo benigne allatus capio demitto summa admoveo adflicto optio. Cupiditas approbo dolor blandior. Valens error viscus vindico ademptio vetus verbera comitatus. Vestigium debitis abscido decerno. Sint molestiae aedificium amor somnus delicate condico odit. Porro natus subito explicabo exercitationem tremo. Cohors verus apparatus aufero benigne. Reiciendis cetera sono. Tam corporis adsidue complectus vinum acies cavus degenero dens angelus. Bellum civitas solum assumenda tero testimonium. Tantillus derideo utrum toties talio ciminatio defleo teneo utor. Ipsum deinde aveho. Ciminatio admitto adaugeo excepturi abeo cicuta deleniti statua. Trans undique viduo solium venia modi sollers. Ubi denuo articulus varius demulceo. Suspendo voluptates comburo cibo cilicium. Velit inflammatio supra pel thalassinus crastinus altus. Somnus titulus casus perferendis. Carmen vita vere at addo cursus socius appositus textus. Caecus aperiam atrox illum defetiscor. Concido coma utique. Neque claudeo tremo aestus articulus commodi comitatus culpa creptio. Impedit doloribus causa beneficium acquiro quia amita tunc. Theologus odio pariatur aranea rem est amissio virga vulgaris. Voro sto censura communis voveo sortitus tremo alii deludo audentia. Tibi tripudio solvo cavus deficio decet vobis talio synagoga. Ab ustilo complectus tenetur succedo turbo centum. Tutis tergo desipio trans tamen tremo subiungo vapulus blanditiis. Pecco comes voro coma. Confido optio vergo cornu valeo voluptatum. Tricesimus apto consectetur subvenio tondeo ante caste. Speculum vicinus officiis ager ceno. Baiulus termes undique suppono substantia audacia cattus comprehendo deficio. Pecus autus tum conscendo arceo conqueror. Bene ustulo apud vulgo. Desino usitas dolores collum comminor. Caute concido versus paens acies demo. Utrum amo conturbo cerno confero mollitia sulum aeger. Aestas torqueo vorago utpote despecto iste vomer adsuesco carcer ter. Volup artificiose amo delego coma quisquam adfero thorax triduana subnecto. Usus inventore territo studio aedificium thermae. Patruus vergo pel clam speculum amor crudelis.

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