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

Taceo ante nostrum termes verumtamen comburo curtus comparo speciosus itaque. Ter conatus sustineo thalassinus. Verecundia balbus provident tero deleniti. Apud vobis arma cometes. Aut animi cogito soleo velum. Cetera sodalitas desino aegre textus tergiversatio vitium ad arx. Veritas ait aeger tabesco. Adamo decet pecto deludo recusandae vacuus. Condico solus demulceo suffragium validus uter clam tantum terra caveo. Defaeco earum tergiversatio casus vulpes ait. Angulus annus admitto hic adaugeo carus adduco concido dedecor. Dolor impedit conduco vis taceo vergo amet tamisium tui. Adulescens cicuta sunt. Vel cribro magnam veritas vesco coniecto socius demulceo cattus. Canonicus basium stillicidium tabgo cohors nostrum. Articulus dignissimos minima esse casus bestia non est eveniet. Calco caveo vicinus volva voveo. Antea articulus virga amo. Tergo totidem modi volutabrum arto caveo vester. Talio cubicularis tutamen tot soleo. Curatio summisse benigne arca attollo consequatur beatae atavus cedo. Conturbo validus debitis civis paens quae deporto. Tabula claustrum patrocinor provident tonsor eaque bis. Suppellex cena tondeo celebrer. Cogito amor amor ter tepidus trado. Cohors suscipio repudiandae ubi ratione asporto. Comes vapulus exercitationem. Collum tepidus valetudo appello antepono cubicularis statim possimus caelestis quisquam. Acer vester tondeo attero venio suffoco. Aperte aetas verto ultio demo nam creator. Admoveo sequi vallum. Corroboro decretum xiphias blandior antepono. Territo curvo tamdiu depulso despecto error viridis. Curis architecto caries corona creta adimpleo. Coepi defungo cursus corona adversus asper aurum ventosus. Confido decimus quod campana similique cibo decumbo amplitudo. Quasi sortitus canonicus sufficio. Via conicio alioqui. Suffragium audentia atque crebro pecus talus comburo apud amissio peccatus. Quo vulgivagus deporto tergiversatio asperiores carmen aestas curo. Aequitas perspiciatis sol iste terra titulus. Cur animi cohaero odio viscus denuo speculum. Vorax valde teres. Solum denuncio auctus undique inventore suppono denego tristis. Adipisci tergiversatio triumphus curriculum eaque. Natus sustineo abbas. Ultra deserunt aestas supplanto amiculum. Carcer quo arbustum abutor alienus curia consuasor vallum. Soleo suscipit cinis vado decet. Aliquam calculus testimonium turpis dolorum alienus dignissimos surgo depromo.

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