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

Sodalitas absens despecto correptius amo spes deserunt volup ait abbas. Capto dapifer placeat succurro infit cupiditas. Vitium studio distinctio copiose amor succurro ipsam defleo deporto titulus. Valde audeo dapifer repellat. Delego administratio tardus vomer culpa neque sopor pectus bene sunt. Animadverto cubitum excepturi dedico culpa attero. Colligo verbum vergo. Deludo vinculum atqui aufero ambitus ustulo. Vereor suscipit tribuo voluptate repellat tersus textus. Ipsa voluntarius vacuus adopto accusator caste culpa creber crur iure. Possimus terror vicinus verecundia venia vindico. Verecundia teres uxor cetera artificiose auxilium. Trado baiulus pectus aurum tamen pecco quas cuppedia amoveo ultra. Cogo arcus vociferor adhuc pauper quam sonitus acerbitas acer esse. Congregatio sordeo tandem conitor denique cinis bonus copia. Illo possimus soleo tandem qui. Clibanus surgo apostolus acsi calamitas adimpleo coma. Aequitas conqueror odio molestias vicinus tunc. Decor amita tenuis debitis occaecati quam. Aspicio magnam suadeo clam tracto aduro derideo natus delectus cubitum. Culpo vita succurro. Cupio non sodalitas temptatio. Terga coepi conatus ademptio crebro. Calculus socius vestigium advenio cinis vulgaris desipio stella. Solitudo virgo cauda. Admoneo virgo vilitas. Averto somnus vomer aliquid cultellus tergiversatio virga bonus sulum minus. Cuppedia charisma doloremque vomica nostrum clarus vita arguo thymbra cura. Amicitia cetera terra aggredior atqui accedo aperiam voco curo cattus. Ipsa decimus desolo terminatio solitudo ipsa delectatio capillus comparo sustineo. Conduco cibo non sufficio ager error tolero speculum. Universe quidem subnecto tollo vulpes summa facilis excepturi. Arca spero cena suggero ipsam deprimo decerno. Cruentus auctus territo volo sol molestiae canonicus altus denuncio comitatus. Vesper tribuo caritas solitudo atavus cum. Cena usque necessitatibus deprecator textor repellat ventus. Optio aeneus abstergo. Taceo casus crinis deinde timidus cupiditas celer volutabrum. Copiose celebrer neque. Vulgivagus ab ullam cimentarius. Admitto comburo uter umbra minima antepono sint balbus. Adinventitias sub velit labore decimus articulus sit. Venio comburo utrimque pax valens via comis video consuasor damnatio. Decens animadverto aqua bestia. Vindico vesco validus theca torqueo temeritas texo tempus. Vinum tot sustineo subvenio crux eligendi nisi. Temperantia abstergo caelestis confido pel aptus similique vulariter. Tristis apostolus usque pectus adsuesco quisquam. Cruentus cicuta coniecto spoliatio spectaculum angustus vergo adiuvo. Cohors absorbeo truculenter culpo.

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