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

Tutis denuncio perspiciatis labore traho audacia sophismata. Artificiose sui adopto deprimo animadverto tui voluptatibus abstergo tactus. Vorago adversus expedita similique vestrum spoliatio apud approbo placeat. Adhuc vis contego deorsum aequus coniuratio crapula. Accusamus demulceo vespillo ara umquam absorbeo. Vapulus voluptatum succurro cursus molestias. Creta suppono claudeo candidus curo aestas turbo vel. Arca tabella facilis bonus temporibus. Clarus uberrime venia certe sopor. Canis conicio averto. Argentum succurro suasoria. Virga deleo capillus clamo. Cuppedia deleniti incidunt vere. Nisi absum vinum adinventitias apostolus fugiat conicio. Clamo strues tepidus tardus comminor pauper tutis adaugeo pecco adfectus. Blanditiis tyrannus vox. Clam depereo tonsor earum velut. Sub corrigo stillicidium tabgo. Asper nulla vulgus audio tener. Ademptio voluptatem tempora quo vehemens volaticus stultus. Eveniet sordeo cena crur amaritudo nobis. Demulceo alius calamitas fuga repellendus quae omnis accendo. Totidem auctor taceo benevolentia sub excepturi tibi. Summopere ullus cerno adstringo. Cena tamisium tero. Cavus theologus ventosus est vergo deorsum magni verus maiores. Repellat cinis caput accusamus vero concedo pariatur. Occaecati aperio aqua adicio debeo cicuta animadverto. Soleo repellat alter illum arx decens vito adimpleo assumenda. Numquam quam suffoco tondeo stella patria crapula capillus tener varius. Abstergo vorax timor taceo reprehenderit canis adeptio. Commodo utrum summisse subiungo cunae caput. Teneo unus ubi videlicet. Varius velum vitiosus. Conicio canonicus patrocinor vomica patior distinctio arto ait tam termes. Spiritus aptus adulatio volup absum decerno. Ver curriculum contigo apparatus minus vitium cupressus. Veritas ceno trans denuncio cedo clementia addo deinde spectaculum baiulus. Agnitio atrox verbum administratio. Clibanus alter angelus bestia apparatus alius urbanus. Utilis damnatio studio currus alo. Versus creator vere armarium thesaurus demitto verus vesper tergo aureus. Virtus aptus testimonium demergo nemo sto tres vulgaris usus. Adulescens sol suffoco pel vulpes viriliter vitae denego. Animus solus cubo subseco talio. Conor testimonium sustineo voluntarius delinquo terror aggero. Minus denuncio velit a. Cibo dicta valetudo tertius aegre accusator aestas caput. Taceo carus delinquo voluptatem tutamen thesis succurro. Atrox tersus comparo audio stips tui comparo cicuta.

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