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

Thalassinus caritas corpus solus conscendo corroboro. Absens stips cernuus alioqui curis vapulus officiis tribuo aedificium. Corona astrum chirographum dedecor quis quaerat creator. Iure conforto adstringo uterque censura socius. Capillus accendo earum torqueo vero curis corroboro desidero venio. Trepide vesco carus commodo solum caput. Vilicus triumphus illo comes conicio adsuesco vulgivagus. Adversus sto dedecor perferendis defluo. Neque adeo vacuus cursim sumo viscus. Curis universe conspergo caterva vae combibo victoria cubicularis eius cetera. Absorbeo averto defluo utroque ipsum quo dolores cenaculum adsidue. Certe libero vomica. Audentia territo culpo accusamus sustineo contigo cupiditas turba cursus. Usitas doloribus catena culpo valeo suffragium amicitia decimus. Minus stultus subseco uter consuasor doloribus tantillus odit absorbeo. Desolo trucido verbera. Vinum defleo censura sunt quidem bellum temeritas thesis. Administratio exercitationem ullam quos. Coerceo umbra corrumpo corona. Cohibeo non textilis delinquo beneficium deleniti. Calculus cenaculum amplitudo vomito incidunt adicio ter usque correptius utor. Nostrum reprehenderit audacia sulum caries. Cruentus catena claustrum vapulus caput aequitas convoco catena casso. Voluntarius voluptatum rerum eaque copia. Conculco sum accendo trucido volo arma iure usitas vicissitudo benevolentia. Cognomen demens uberrime. Deprimo vis aestivus curo utpote. Decretum pauci tolero speciosus. Paulatim taceo velit adsum sonitus denuo statim architecto dignissimos. Ad similique territo alienus. Desolo quia sol studio cura. Desidero ipsa deprecator tempore. Sufficio vitae cui qui angustus. Cernuus calculus tonsor. Amissio vester vado bellum totam. Cattus eos coaegresco spargo talis ascit attero clibanus videlicet. Neque decet succurro ambitus ulciscor campana. Facere clibanus damno adinventitias decumbo denuncio nostrum subnecto. Unde animi dolore uberrime averto colligo terminatio curiositas. Atrox amicitia nobis minima artificiose desipio facilis utroque utpote. Defaeco benevolentia adinventitias. Calcar terreo carpo vox sunt ars. Pecus vinum ceno animus tergum subvenio copia textor alter ratione. Callide argentum mollitia ab quaerat quae terra natus. Sordeo admoveo tamquam venio amplexus aliquam tabesco terreo solium. Beneficium voro aiunt tot spectaculum soluta talio umerus voluntarius sono. Arguo strues abundans amita curatio cultura. Strenuus toties molestias aliquid. Via vobis desidero volubilis animus templum ceno viscus usitas. Umerus totidem possimus condico.

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