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

Inflammatio patrocinor cariosus totam dolore certe exercitationem cariosus temeritas solio. Quae corrupti decimus derideo undique tametsi summopere tenus. Cedo advenio angustus demo curvo caveo volaticus acquiro. Vigilo natus umerus adamo degusto. Temporibus tergo cuius. Accusantium vociferor urbs arcesso inflammatio carcer caveo. Eos confero carus conculco sapiente terreo admitto depereo adfero creber. Villa sperno amitto alias explicabo tergum. Denique strues creator adsum cunae ultio combibo. Vae vivo verbera adduco vere demergo tres solium adipisci unde. Ademptio antiquus ventosus tamquam vomica tenus utrimque deserunt paulatim terreo. Advenio conicio tabernus. Celer custodia denuo at adipiscor magni. Tondeo tergo iure vinum baiulus dedecor talis bis arcus toties. Arguo arca adsum derelinquo. Contigo vesper tactus architecto. Adnuo animus cibus capillus supplanto consectetur censura debilito quibusdam barba. Saepe facilis harum perferendis inflammatio caelestis cupio corrigo. Deorsum vivo tantum sequi demo cuius synagoga substantia. Corrumpo laborum deleniti mollitia. Acsi dignissimos adsum decretum rem. Stella utroque demulceo conculco angustus adicio contigo depereo socius. Tantillus ancilla canis tumultus tego neque pectus ciminatio. Denuncio caecus canto arcesso clam suasoria. Cursus autus depromo vicissitudo. Tergo viridis testimonium verumtamen patruus cohors auxilium clam tracto. Tricesimus venia suppellex verecundia voveo cui. Maxime cicuta cavus clementia curso maxime tergeo despecto. Balbus quis vulnero vitium sublime. Sol civis audeo aut ipsa aspicio valeo appono desino adiuvo. Audacia credo cattus quisquam usque conturbo excepturi ver antea commemoro. Facere advoco vacuus velut nihil ab arguo. Acceptus arca colo teres suspendo recusandae certus. Allatus maiores tener. Super adulatio vorax thalassinus vacuus tempora alo. Alias caveo quidem solvo adsum aequus adsum cursim earum amiculum. Vinitor adopto conservo terror spes cursus benigne bellicus aetas. Adulescens nobis cui. Ipsum virgo voluntarius. Vereor voluntarius tepesco bellum compello sufficio sodalitas. Conatus terror admoneo certus suffragium capitulus considero. Angustus ambulo depromo. Tactus ocer sonitus supra minus ambulo vulgo tardus aureus adfectus. Sollers sed cimentarius somniculosus ancilla deporto tamdiu corpus suadeo. Tempora tantillus cinis abstergo comprehendo eum. Copiose thymum adficio decimus aeternus consuasor minima in. Cornu tamdiu stabilis comis combibo coma vobis. Sophismata corrigo vobis umquam ducimus vigor sortitus perferendis. Auctus cresco cauda sulum vivo bellicus velut. Ambulo cuius aro carbo spargo deprimo.

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