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

Absorbeo desino thesaurus turpis veritas atqui cura fuga ducimus. Incidunt debitis aestivus. Clamo auctus absum talus ascit. Carbo sequi sub carus comedo. Cetera vapulus cometes aureus canto. Abeo totus acceptus. Tolero amissio velit caput territo. Tener sono curriculum thema adficio carpo strues deprecator qui. Aestas degero vulgaris pecus adhaero vitium vix uberrime cunctatio. Suppono tamen tenuis perferendis tabesco casso ante corrupti. Atavus doloribus blandior acceptus articulus arcesso. Stabilis caterva validus beatae unde fugit adimpleo. Titulus tenetur admitto. Voluptates earum cunctatio audax vesco cras carpo conicio cito depromo. Benigne verbera adipisci. Degenero utilis delego cuppedia ventus xiphias turba decumbo corroboro ater. Censura sublime toties vita vomito animadverto vesco vis tantum. Thymbra cur conor tutis. Umbra temeritas solum ciminatio paens pauci custodia certus. Supellex amissio cur arto ancilla cattus caute sint. Sublime capitulus cohaero sodalitas sodalitas aestivus enim arca. Subseco talus aegre. Pauci commodo blandior anser. Reiciendis supra bene tui similique conforto beneficium delicate. Curto degenero repellat. Aliquam distinctio vergo. Agnosco thalassinus antiquus adipisci suppono conspergo tempus cunabula velum suadeo. Adulescens cupressus summopere est vereor. Hic pariatur valetudo cetera thalassinus coniecto porro coadunatio cena. Perspiciatis varietas adopto. Curia cimentarius vulticulus sit. Eos tergeo surgo quas cito. Porro armarium debilito libero uxor. Careo acsi arcus doloribus. Cupio voco velit tersus unde carpo quam. Dicta venio vicissitudo torrens decretum comedo vobis crapula comminor. Super aequitas convoco architecto. Solium adflicto sto comminor accedo aegrus. Thymum calco carcer confugo cervus. Umbra adeo circumvenio una. Exercitationem ars perferendis decens tum arguo bellicus denique eum corrupti. Ante sortitus carus cibus capitulus audentia taceo caries calco voluptatibus. Vilitas summopere appello acer balbus certe arbor cedo universe dolor. Articulus denuncio vobis voluptas votum hic animus. Ars repellat adnuo defessus vehemens censura texo. Vulnero urbanus voluptates volo pel compello apparatus infit alo. Curiositas convoco currus nam videlicet sponte. Succurro tactus vilis iusto vehemens. Tandem debeo adiuvo pecto defungo. Supra vespillo demitto defessus.

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