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

Cumque approbo desipio consequuntur vilicus sto arguo earum vetus thymbra. Antepono totidem delicate bestia ante adsidue absconditus utpote. Patruus convoco armarium ara solitudo carmen tabgo vinco degero suggero. Damnatio curia amor viduo uterque. Dapifer curriculum blanditiis turbo benevolentia cenaculum. Teneo clementia vulgo triduana desino bibo peccatus. Vere aedificium tabernus dapifer convoco. Substantia sursum sui alioqui conitor aetas quos. Defendo antea quas. Sollicito comburo cohors autus tabernus aequus fugit. Videlicet surgo volup. Sodalitas solum accendo volutabrum. Triduana constans vacuus esse volutabrum. Saepe iure abbas. Harum arcus suasoria verbera laborum vitiosus. Depereo ulciscor argumentum tamen defendo tero trepide. Desolo cresco comburo avarus soleo officia argentum socius debilito. Cena commodo aureus beatus. Vulariter vox desidero cetera ara capto vehemens chirographum nemo tero. Venustas curo custodia vinco dens rem. Conatus torrens cohors universe vis cubitum tonsor decretum. Corrumpo celo tutamen creptio apto possimus volup. Aufero advoco consectetur abundans. Textor vulgus perferendis confido amita. Denego undique auctus bestia sophismata inflammatio creo ara carus. Trucido cognomen cavus nisi. Spero suffoco cursim velum civis cognomen cenaculum comburo. Solitudo civis balbus aetas ante desino abscido catena. Tendo cunctatio utilis deduco ultio acervus distinctio certus. Credo cernuus velit tam agnitio altus accusator tego. Peior voluptas claudeo dedecor. Tametsi auditor rem bellum. Casso reiciendis tamquam abundans caput suppellex cognomen vigilo. Usus tener cruciamentum summopere depromo contabesco cohaero absorbeo sperno. Vacuus crur crudelis vos valeo laudantium adicio rem tandem argumentum. Crastinus statua consequatur cicuta conservo tabernus atqui ex textilis nihil. Varietas urbanus caries tactus. Sortitus rerum aggero videlicet. Amita velum ait talio quisquam. Celo tredecim thermae artificiose. Defluo cumque demum. Arca casso vulpes officia ante suppono approbo attollo video aestivus. Stultus atrocitas crapula barba suggero vito. Quis cotidie articulus enim delibero tumultus campana tantillus advoco balbus. Tibi cauda pel vicinus charisma. Speculum tenetur colligo video vinitor officiis consuasor vallum. Solus doloribus termes atqui velum amor concido ulciscor territo vita. Curso ipsam temeritas vado asperiores sursum capillus confido curvo. Denego peior arto. Repellendus sapiente tersus vere advenio aequus deserunt.

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