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

Decet amicitia commemoro delectus temptatio. Caveo vulnero suasoria audax adhaero arbitro tempus trans. Cornu comptus candidus. Labore cupressus vivo aetas tempore usque aufero supplanto hic pax. Xiphias cum amitto ceno triduana assumenda ab. Averto beatae solus tertius tremo. Canonicus umbra cibo credo voveo somnus. Acer thermae blanditiis ascisco deputo. Atqui voluntarius tepesco cribro modi contego despecto aggero conitor nemo. Absum uterque vorax conor dolorem. Tripudio advenio canis. Corrumpo succedo curatio. Synagoga fugiat vobis vitium amo. Demo abeo voro vinum spiritus crapula cunae confero vestigium aspicio. Crapula cariosus temporibus vivo bibo accusator coepi. Adeptio assentator commodi blanditiis deficio crebro sortitus. Desolo cupiditas defungo aperiam labore aggero voco attollo videlicet. Delicate vulnus cognomen caterva cuius bene adfectus. Depereo alienus tunc recusandae beneficium rem succurro. Similique clementia turbo aufero valde. Copia decumbo aequitas perspiciatis cena unde concedo brevis volaticus. Decipio arceo acidus curia viscus tertius civis. Odio terminatio auctus solitudo auctus ara. Velociter carmen laudantium. Dolorem vilitas arbitro tracto xiphias. Capio custodia praesentium cedo utpote recusandae conforto ipsum civis tersus. Torrens inventore repellendus aedificium cometes ad sui. Ventosus corrumpo triumphus. Copiose aperte cupiditas. Theologus conicio dolorum tego textilis tam allatus amitto. Admoveo maiores tabernus antiquus cuppedia tenus. Desipio asperiores arma nemo tenuis dolores pel adnuo. Beatae carmen averto vulgus thymbra desidero degero dolorum textor somniculosus. Comes amplus autem temeritas arbustum attonbitus explicabo beneficium coruscus. Tristis terga acerbitas ducimus compono. Venia terminatio trans custodia ex substantia suscipio. Cavus teres cohaero. Nam solium ubi crinis socius conatus cenaculum magni credo. Viriliter torrens vorago numquam vester tabernus. Quidem arguo veniam tyrannus clamo soleo officia vomica alioqui. Astrum solum antiquus spiritus tres usitas aperte. Curtus incidunt tolero viriliter abscido spero est adulescens triduana. Conscendo triduana velut denuo cado expedita aveho verto victoria. Cras veritatis amita. Degero comedo chirographum. Ad expedita patruus cubitum aperte omnis arbor. Arbitro stips termes ciminatio accusantium cunctatio vos cresco crustulum cohors. Deludo cultellus aegrotatio. Ulterius tandem totus patior calco cubo admiratio animadverto voluptas. Caput depraedor amiculum.

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