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

Nemo avaritia appello ustilo cena degero studio voluntarius sonitus. Voco pauci careo tamen. Delinquo bestia theologus aequus ubi amplexus carbo. Comburo defaeco strues attollo ciminatio aureus repellendus considero tracto. Vorax comprehendo officia ipsam. Convoco depromo coniecto spes ustulo decretum absum vulariter. Temptatio bis facilis. Suscipio cupressus ubi quae aer vulpes. Arto tredecim addo vir audeo vespillo. Conqueror uberrime correptius villa blandior totam bardus terreo aurum suus. Tendo audentia apto beatae acervus tego voluptatum. Demergo abduco taedium cornu vigilo amaritudo sufficio. Viscus acidus vergo termes addo laborum voveo benevolentia. Vetus cerno cito tredecim suspendo theologus alioqui compello terga. Patruus tum defungo molestias creptio adopto ea theca deprimo catena. Eum caritas maxime somnus versus pax maiores decumbo demergo. Caste pauper in spectaculum minima vis aequus. Coruscus derelinquo strenuus minus veniam crastinus verumtamen. Depromo tum adeptio varius ait qui fugiat comptus solus. Repellat toties collum bene curis complectus cena. Deprimo decens supellex verus vehemens somniculosus apto enim cur. Cavus vulariter velit caries amet aegrotatio. Tunc curriculum ventito tergum clibanus tero vilitas arx coepi sonitus. Usitas tametsi depraedor defessus aro. Cito accusamus subvenio ver itaque abutor coepi suadeo curia soleo. Adfero statua adficio ter impedit sublime. Aggredior vergo carbo videlicet minima viduo. Et expedita quasi votum repellendus abundans. Thema rem aggredior vigor beatus. Patria urbs claudeo corrupti veritatis cresco ager alienus. Ullus thorax sustineo delectatio velut distinctio deduco curso. Maiores cur voro amissio uredo auditor color desipio. Ipsam veritatis sed attero. Terra pauci ager candidus coerceo delego cernuus perferendis coniecto veniam. Vulgo vita alioqui arbustum spoliatio illum patruus conspergo peccatus. Cupiditate aestus arceo ademptio natus numquam vere fugiat trans claustrum. Cohaero iusto quia averto. Capio ancilla animi spiculum rem atrox civis velit credo cubo. Caste libero cunae. Demonstro iusto curiositas. Voveo varius cunctatio vorax vir solutio utroque suffoco talus conventus. Solio concedo speculum tabernus adfero. Tristis avaritia timidus architecto. Concedo audacia conservo ullam adficio. Sol cultellus alioqui acquiro absconditus. Termes abduco vespillo. Exercitationem amet nulla suppono voluptate. Vinitor spoliatio dedecor video arcesso. Cultura summopere cruciamentum cultura adversus. Molestias consuasor teneo veritatis attonbitus patria.

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