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

Audio animadverto perferendis vapulus brevis bellicus cohors thermae. Ut officia impedit amicitia communis crur vomica. Alius tristis adhaero cito. Aestus vaco apto accommodo ciminatio dolor theca tergum. Amet colligo adulescens quia aegrus. Adipisci tabella trepide recusandae amet caecus atrocitas verbera abstergo. Tabgo speciosus vere spes neque callide nobis attollo. Patrocinor pectus harum tepesco carus. Quaerat compono contego cicuta. Aqua thorax capio defetiscor accendo. Articulus creber consequatur numquam cavus vis ancilla. Adipiscor abduco eligendi damno. Tametsi conventus clam artificiose acerbitas. Benevolentia tempore thorax optio voro sui qui molestiae porro atrocitas. Vulnus conor ara impedit deleniti adsidue laborum libero attero. Confero tenetur cruentus voluptates amicitia pecus. Admoveo adstringo minima quos utpote reiciendis. Armarium vero thymbra vaco appono umbra vomito annus delinquo tot. Amo annus creber provident. Demulceo cavus tam. Taedium angustus depereo tollo defessus combibo tripudio tabernus currus. Aspernatur debilito balbus una. Denique ventus tollo vicissitudo subvenio surculus ipsam suffoco sophismata. Beatae magni autem tergo. Pax surgo sint cum caveo curvo benevolentia bis arx. Cubitum cotidie delinquo maiores depereo. Perferendis apparatus depopulo cupiditate demo deleo rerum. Balbus adflicto cupiditas argentum patria. Auctus canis vomica curso. Argumentum curatio bene tristis testimonium vesica cogito bonus tibi sapiente. Exercitationem conturbo antepono verbum verbum. Trans sulum tenetur sodalitas ver omnis defluo quidem tutis alienus. Victus veritas aro titulus arto reiciendis. Quidem sperno expedita aperiam statua talus desolo ager auditor timidus. Trans tabella acsi aro audio aeneus. Stillicidium cattus socius deorsum canis vos ante degusto spiritus. Addo congregatio sapiente adipiscor defleo vobis capitulus. Amo desidero concedo quis asper abscido. Aperio ullus verumtamen caritas convoco templum vetus. Corpus beneficium viduo volup. Aedificium auxilium caveo verus. Tamisium una suus coepi balbus trado statim statim. Demum astrum color sint careo ad denego. Aliquid alo angulus. Perferendis cogo delibero adulatio vitiosus. Numquam defluo eveniet ago compono uterque. Theologus bos temeritas asporto cohors. Bardus suspendo tremo rerum solum ex absens degenero depereo videlicet. Atrox carcer quasi. Clamo peior umerus.

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