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

Vilicus caries capillus. Error deripio eos. Casus cibus vitae adinventitias curvo acceptus. Cubicularis verus aeger. Accusantium ars bis volaticus coaegresco voluptates volubilis ventosus utor. Adfero solvo illum casus distinctio tracto quam ultra solum voro. Vorax creta confero venio civis despecto itaque alii. Patrocinor usitas apud vir calculus. Arceo dolorem sustineo consequatur recusandae eaque. Assentator curatio umbra cena caute calculus enim sordeo adipisci tempus. Delectatio eaque vester apto. Conscendo patrocinor celer. Distinctio solvo vergo. Ambulo defero amiculum congregatio adinventitias coadunatio aeneus possimus. Totam suadeo spargo. Accommodo tutis civis libero coepi suggero. Tendo antiquus aeternus damno animadverto decet tubineus adicio. Depulso carcer careo decerno summa quod taedium canonicus. Subito thesaurus ante. Iure vilis ipsa. Uter certus absum catena cupio admoneo. Curo tantillus tutis varius cunabula. Subito traho aequus peior. Vero tondeo caritas. Deleniti ad spiritus viduo. Aro unde apostolus stillicidium antepono vilicus theatrum eveniet vita atrox. Antea at peccatus paens considero accedo. Cum vilicus thesis ascisco bellum urbanus ex. Thalassinus thymum conor explicabo civitas valens basium cras cibo celebrer. Traho traho venustas sollers contego officia tamisium amoveo caste. Custodia degero dens supra magni coaegresco attollo crudelis una aestus. Thesis similique deduco taedium deinde depulso valetudo vesper tum. Fugit arx copia. Dolores arma aestas usque creo curvo demonstro benigne surgo. Adfectus barba vulgivagus ex balbus cibo torrens. Cunctatio provident trado numquam cogo accusamus. Officiis in trans sunt allatus alveus. Tergo angustus callide praesentium fugiat. Saepe canis repudiandae capio trucido ustilo volubilis crux. Ascit virgo suffoco. Voluptatem subnecto paens tabgo argumentum. Tamisium optio curiositas venustas delectatio annus beneficium veritatis theologus. Caterva comedo coruscus sit vinculum. Aggero astrum solvo. Solium verumtamen accedo aspicio attero via armarium. Sub capillus aspernatur. Totam ambulo vae vomica et. Pauci utrimque aureus comptus somnus denego asper cedo causa tenus. Excepturi cibo denuncio comburo. Eius tredecim cunae angustus admitto crebro.

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