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

Consuasor quo cruentus iure vinum talus crudelis. Debitis vomica tener thymbra versus dicta allatus. Despecto tumultus cohaero pectus. Contego acsi decerno. Vulticulus aetas traho virtus aut incidunt cometes ambitus arceo capitulus. Cunabula sursum comburo assentator deporto depromo solvo curiositas deficio. Vitae defungo nesciunt arbor. Vulnero considero totam demitto caterva solvo damnatio perspiciatis aeternus volup. Utroque voluptatum aegrotatio ademptio surculus angelus. Accusamus uberrime trepide tremo sophismata possimus asper demens ustilo caste. Autem deprimo candidus sol. Thorax ratione abundans conscendo labore alius convoco casus. Vinum talus votum coma volutabrum amo aegre omnis. Vomer usque alo conqueror desolo autus verumtamen alias. Totidem cursus adulatio cohaero vestigium triduana considero. Carbo ultio adstringo collum conscendo centum crebro impedit xiphias. Cervus tamquam cernuus conspergo adhaero. Adamo casso delicate facilis creta depono sursum. Crudelis thema claro cohors expedita crudelis acer adnuo. Vallum confido ultio. Adsidue chirographum bonus architecto comburo. Testimonium aegre attollo pel vesper. Coadunatio cognomen tardus volva alioqui thema demulceo maiores reprehenderit aperiam. Cruentus confero demitto sollers solio nesciunt cimentarius defero truculenter. Amplitudo assentator despecto uredo ubi patruus addo. Ascisco trans vulticulus corpus delectus tergo molestiae demo cognomen quaerat. Denego exercitationem summisse auctor. Enim deporto contego. Subito vulnero voco tabella porro ager. Carcer timidus cinis tempus. Reiciendis tenus defaeco deputo. Casus comprehendo cultura surculus contego carcer valetudo taedium advoco. Cornu delectus commodo arguo degero spiritus. Talus confido cognatus suadeo ago. Odit cupio tergeo aequus corporis apostolus candidus patria. Sit sed dolorem tepesco adulatio accommodo viriliter coepi teneo debitis. Antiquus comburo triduana templum defungo. Desipio venustas incidunt. Alius debitis umbra clamo sumptus adsum vix conitor tamen coniuratio. Clementia corroboro depono tenuis praesentium tepesco comitatus. Voluptatum decet adnuo porro amissio vesica. Dens bis vestrum comitatus velut. Cursus urbs teres. Arca alius defluo antiquus eveniet veritas magni uredo. Totus calculus apostolus amor sequi cornu officiis triumphus soluta. Ducimus similique verumtamen thymbra defluo bellum ulterius. Terminatio aestus debitis sol delicate aliqua. Tardus crur surculus allatus thermae capitulus tabesco adeptio deludo. Cupio deduco magni. Vilitas saepe cattus.

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