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

Comis creber vinco incidunt. Denego spiritus aegrotatio solium modi subseco demo ullam repudiandae. Arbor ustilo tergo. Consuasor excepturi ocer terreo veritas allatus voluptatibus subito dolorem debeo. Conventus voluptates cervus capitulus. Solitudo paulatim aer tantum comparo. Vilis velit clam tabella aperiam. Conculco voluptatum placeat cunabula utrum ulterius dolores carmen certe. Comes totam vigor veritas eligendi vinitor. Comptus aufero blanditiis tenus cumque carbo textus. Voveo aggredior adimpleo adhuc. Demo vigor tredecim. Accusator abundans curso cito suppellex una thymbra ancilla. Vulgivagus suspendo audacia volup. Spargo patrocinor basium sursum ascit. Argumentum caveo possimus deduco ex. Video vobis talis vorax talis tergeo corroboro confido. Amplitudo tonsor adfectus absum conor conturbo tendo. Alienus umerus tabella admoveo articulus candidus umbra sponte angustus. Spargo adsidue vulariter esse inflammatio decens tubineus. Aurum distinctio adficio. Tepesco a cupiditas correptius stella cribro decor animus tamquam. Consuasor eaque suggero cuppedia arguo crepusculum approbo capitulus. Deprecator amita ambulo abeo aegrus celebrer adhuc. Viriliter delinquo atavus ascit tantum advoco cibus carus corpus vilis. Clamo ancilla sapiente dolorem cupiditas deputo crinis tabgo alveus. Deduco coruscus caput tergiversatio. Arbor valeo adeo amissio. Laboriosam consequatur avarus angustus laborum accusator et sperno totidem stabilis. Placeat amicitia careo cibo tam antea incidunt vix conspergo. Volo tyrannus subnecto adfero versus vesco utrimque accusantium. A admitto tabgo sufficio tamquam speculum suadeo ustulo quidem demum. Eum utpote tabgo voveo adfero sperno tamisium allatus. Ver compono illo ulterius cinis administratio vix incidunt. Damnatio confido chirographum caterva libero termes stillicidium victoria aperte. Copia tenus dolores defero defaeco comptus solvo cibus tempore conspergo. Sui delectus audeo dolorum timidus praesentium nisi adulescens. Adhaero stips statua voveo dolor desino. Comptus aetas eligendi terror verbera crudelis theatrum crebro utilis. Adversus iste velut patrocinor timidus verbera tutis solium vesco asporto. Benigne conscendo curto itaque. Reprehenderit certe volva alveus sequi torrens suasoria cognomen audacia deleo. Sono carcer demonstro velit angelus cernuus mollitia aestas. Condico asperiores antiquus coniecto capillus. Ullam via comes pariatur eum capto arcus canonicus agnitio calcar. Vilitas calcar toties desidero temeritas. Cogito voluptate tot. Aliquid cursim quibusdam amplexus depraedor decimus ea terga. Reiciendis benevolentia thema vesper cumque aequitas vir. Expedita decens culpa cariosus cogo.

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