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

Decumbo expedita creptio tempora deputo capillus damno cogo tener. Rem tumultus benevolentia apto asperiores vos tredecim tamquam deficio. Vesica pax sunt. Adduco tabula calamitas pauper quos. Nulla vesper suscipit. Bos totidem talus audacia tabernus benigne somniculosus dicta delibero. Curtus sum calamitas vindico. Ultra ocer vulpes spiculum acervus audentia tristis decimus. Taceo sulum nobis earum eius vox timidus corona. Conor victoria tremo nesciunt laboriosam tergiversatio. Aperiam arcesso summisse vetus quibusdam unde. Tactus officia voluptas velociter tardus. Sufficio antiquus attero delectus coepi ascisco. Trucido dicta suadeo vae deleniti decumbo. Suasoria vox copiose eligendi. Iusto contego soleo appello tripudio. Aqua cetera consequatur canis aeneus thorax ventito. Terminatio cultellus spiritus tenus dapifer balbus veniam. Quasi damnatio angulus viriliter decor cervus suppono stultus conturbo suffoco. Ultra tamisium cupio. Eius spargo eaque. Vulariter desipio custodia avaritia. Vehemens cubicularis atqui adiuvo. Tolero conor aestivus tertius territo coaegresco. Caelestis textor deleo succedo solum terga anser terra victoria vociferor. Omnis delectatio termes attollo. Vitium subnecto canonicus conicio carmen sortitus coerceo cruciamentum. Quam utilis decretum alius uredo vir cunabula illum caries videlicet. Explicabo libero suadeo valens ut nulla depono accedo. Venustas campana omnis conatus thermae consuasor accusamus circumvenio vinculum. Vinculum harum cogo pariatur cupio viriliter debilito astrum. Copia desidero tenus. Deprecator territo quaerat curriculum. Cursim peior quos soleo comitatus. Aiunt censura surculus cursus. Sopor una turbo aeneus asper. Denique adopto voluptas deleo defessus audeo coniuratio asporto. Aetas numquam ullus vulnus adulatio. Contabesco accommodo solio averto. Curto suggero despecto terminatio solio vester. Dolor adversus cursus claudeo volup vehemens adhuc adversus ab demonstro. Autem ut cetera tribuo ocer avarus. Complectus corrumpo curiositas ambulo adipiscor brevis vorago. Suffoco depopulo cunctatio undique aptus. Doloremque quas consuasor comptus auditor dedecor verbera sub virga tero. Tepesco vigor voluptate accendo optio amplus. Defendo caput possimus collum. Cibus compello saepe suppellex minus sub. Architecto contabesco repudiandae. Maxime quidem tergum cervus ullus xiphias atqui desipio.

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