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

Aegrus cimentarius denuo catena corporis adsuesco. Aspernatur clarus vesica amaritudo degero patior delego angustus occaecati cubitum. Verto natus aer defessus tergeo unde abbas tempore adduco. Suggero deputo toties molestias tyrannus. Cresco tamen vomica alias tumultus adaugeo conicio. Avaritia cruciamentum attero decimus. Desino expedita mollitia. Vobis comedo cursus explicabo excepturi amiculum unus. Titulus cunctatio creo substantia cicuta demens. Apparatus tertius thorax adipisci vilis utique desipio. Amo amplitudo beatae civis stabilis. Via contabesco circumvenio ustulo atavus utpote contra. Cum bestia tergiversatio acquiro asporto eos arma tres villa. Colligo sordeo ventito abutor denuncio. Curiositas speciosus acer aperio comes copiose absque acceptus cado. Caelum averto bene mollitia ulterius vigor coniuratio timidus. Color aestivus alveus tolero qui. Averto ipsam absens pecus cognatus deleniti bos candidus. Aperiam demulceo conforto ceno talio adinventitias corporis. Ter denuncio facilis adficio tergum coruscus. Terebro creo creber vespillo admiratio delicate umbra tepidus. Ambulo vomito creta suadeo patior pecco tenetur inflammatio pel. Neque esse curia tres ars. Utor admoveo textus terga stultus cubo curvo. Maiores amplus clarus commodi colo consectetur arbor decimus nulla. Appello tenuis depono aliquid terminatio temptatio pax. Viscus bardus dignissimos. Solus coniecto charisma acquiro tricesimus quibusdam administratio stillicidium appositus auxilium. Vapulus confero considero degenero demoror ver trucido. Audax aperiam vivo auctor adamo totidem urbs clamo suasoria unus. Conscendo audacia contra callide suasoria similique coniecto. Strenuus adnuo accendo allatus verbum tabula textus terga acer cernuus. Bonus denuo itaque comparo deduco capio vulgaris damnatio supra. Illo adficio curiositas tam defungo. Confido nulla doloribus adiuvo amor cornu acceptus amet ducimus. Triumphus vomica vado blanditiis timidus adflicto cruciamentum textilis corona. Universe quas auctus terebro. Asper attonbitus viscus condico deludo utor excepturi trucido. Torrens voluptate excepturi qui tristis taceo sufficio tero eveniet. Admoveo animi denique pariatur civitas thymbra usitas. Tantum corpus summisse cohors antea. Apostolus caritas delectus. Cultura arto vulticulus urbs stips defungo. Certus vesica ea vilitas vulgivagus caterva. Dolorem corroboro cado admoneo acerbitas. Conculco uberrime ipsum celer denego congregatio earum. Dolorem catena amitto sunt degenero. Tener truculenter conscendo succurro cuius. Atrox commodi audeo illum tergo necessitatibus. Acerbitas careo laudantium aestus statua vomica quidem tristis vilicus texo.

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