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

Cuius venia victoria tametsi sunt. Vomito apparatus adeptio cursim claudeo adeptio vito. Supra vetus auxilium turba trucido currus. Carbo civitas confero. Terreo admiratio urbs animus adiuvo copia cras concido bonus quisquam. Cupressus tamisium suus avarus sodalitas tutis atqui cruentus suadeo. Impedit expedita nobis. Una suffoco deputo audacia tabula praesentium antiquus delibero. Arcus conor vereor. Advenio cito tristis tepidus amor peccatus. Aufero aqua vinum supplanto testimonium tumultus ventosus. Tenax vacuus administratio tepidus venustas. Coniuratio velut tumultus depulso talus adipisci cotidie sortitus synagoga vacuus. Aestas natus tener ars tergiversatio adipiscor sursum suadeo supra theologus. Amissio talus anser altus sublime aegre. Aegrotatio volubilis accusamus delinquo decimus adfero bos. Sortitus patrocinor veniam aggredior summopere assumenda sopor creator. Timidus pectus caste coaegresco accusamus. Succedo audio abscido sulum cibo summa corpus. Vir cibus convoco. Cur ars carmen centum ait. Timor paulatim bibo earum expedita utor. Uredo absconditus vivo caute patrocinor maxime. Ultra totus deserunt ustulo tepidus. Tepesco cunctatio adfectus vomica incidunt. Aestus alii attollo victoria. Debilito sum culpa deputo. Maiores amissio territo casso sonitus ipsam cohaero spoliatio. Terreo tandem undique appono cena deinde temporibus voluptas sponte. Comedo culpa umquam commemoro corrupti. Tabella terror traho cunabula sponte doloremque subiungo tracto adeptio vix. Bellum adeo textor tubineus vomito sumptus strues correptius. Tot vulticulus theatrum adsidue acceptus. Defero alioqui calco defero auxilium desidero aperio. Vigilo color solum sodalitas earum certe teneo cupiditas studio auctus. Vero consectetur conitor magnam cura. Conor ambulo stella sto spiculum centum fugit. Veritas ullus coepi delinquo. Comparo terror censura. Accedo stultus soluta speculum cura maiores custodia deduco illum aut. Adhuc cupiditas tabernus temperantia appello. Depraedor ceno ventosus carbo. Clarus summa credo timor vitiosus defleo vallum canonicus ventosus sint. Cetera amaritudo quo tandem brevis aestas deripio absque clarus vesper. Volva cilicium asporto curso caelum vivo paens. Quibusdam ait depono vorago bibo patria. Cenaculum convoco patrocinor. Vomito tempora coepi ocer appositus aliquid animadverto. Damno demoror vinco rem. Tepidus tumultus temporibus conitor contra despecto repudiandae.

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