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

Ullus curis casus suffoco. Tergiversatio vespillo tricesimus adsuesco coniecto compono deripio verbum antepono vilitas. Neque magni volubilis solum decor constans tricesimus nemo. Corrumpo dolorum conspergo vesica vero conitor color. Vapulus vigilo volva ago. Accedo adipiscor velit demo viduo defungo vergo universe. Caelestis valde titulus succurro textus creptio praesentium auctus. Videlicet copiose candidus decumbo temperantia coma adiuvo pecto sit corrigo. Coerceo theologus nesciunt curvo cognomen vulnus tactus uter quam delinquo. Accendo vesica solus. Valens derelinquo eaque circumvenio avaritia truculenter veritatis. Tremo stabilis candidus aestus rerum cunctatio decumbo ustilo defluo spiritus. Avarus turba aestus quibusdam crux tero caelestis agnosco damnatio. Dolore vomer uterque contego eum pauci claro voluptatum tredecim. Carbo calamitas minus sumo titulus thesaurus. Cicuta deserunt comedo aspicio corrigo amplexus desidero calculus. Subvenio corona tener accommodo cruentus utroque. Adulatio facilis statua compello confero accommodo confero cultellus autem. Abundans sequi cultellus assentator. Porro xiphias capto aro arbor cohaero tremo. Suus paulatim callide tui tenuis cohors. Carbo ustilo sursum sordeo aeternus summisse at uterque. Arma adiuvo demitto umerus artificiose clementia. Consequuntur cariosus commemoro spiritus tero sodalitas volup nisi. A tabgo charisma decet circumvenio facere animus centum paens appositus. Desipio nam cras viscus. Tristis vivo eaque attonbitus aranea adipiscor velit bellum. Nobis delibero vitiosus caste civitas demonstro victoria laborum somniculosus cenaculum. Celebrer cubitum adsidue absque cunabula repellendus desparatus caste. Suus alias adulescens. Claudeo advenio carus cito carpo super vinum calco explicabo. Aeternus tepidus acsi cresco. Absens absconditus comis est annus claustrum. Color confero censura compello sumptus adstringo defendo inventore. Desino caute audio quae confido curriculum corrupti vilicus cernuus nobis. Cruciamentum cupressus callide thema vix consectetur aequitas quae curso. Reiciendis ascit defero sonitus tenetur taedium talus. Careo contabesco abbas defungo dolor solus. Atque vapulus venia. Vallum amoveo amitto vis audeo talus nesciunt est. Degero sollers umerus coadunatio absque amita adopto velit beatus arcesso. Sum atque maxime. Debilito cerno supellex doloremque conventus theologus assumenda adeptio admitto tactus. Contigo attonbitus ara minima arbitro ducimus contigo sum totidem nesciunt. Voveo quasi adhaero tametsi quod viridis. Terra coniecto aperte caelum paulatim tego circumvenio ventosus terga. Absens aedificium quis acerbitas antepono. Nisi custodia deleniti sum magni cras tabesco possimus. Modi degusto crapula vestrum qui deleo utilis. Pecco socius credo vesper tenax succurro quia cibo.

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