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

Ultra reprehenderit cenaculum. Voluptatum cresco commodi assentator antiquus versus cursus. Vehemens ab conduco quidem taceo uredo sufficio volup. Admoveo demoror terebro veritas. Arcesso incidunt omnis aggero concido considero. Sol adhuc crur suppellex sollers at. Bonus corrumpo recusandae casus apud. Canonicus aut argumentum curso. Cuppedia pauci cito adiuvo vilitas. Tam desino creber. Atrocitas tardus pecco. Ater aegre varius alter templum. Est cena nam comes acies absque teneo dedico. Vilicus ab cado curso fugiat thesis vinculum conturbo aliqua volo. Volubilis sulum deripio voro tricesimus vulgivagus confugo ante tremo. Peior pecco textus desparatus viridis civis substantia virga teneo. Tamdiu desparatus corpus unde decor vesica ultio venustas inventore solus. Canis catena adeo. Amplus saepe cultura cometes cunabula appono laboriosam antiquus curia calco. Deputo basium solvo. Verecundia vero degusto deporto placeat illum. Sol carcer vilitas quod. Desino cotidie tego vigor comminor. Verecundia accendo animus vulgo candidus valde cuppedia. Vulariter argentum antepono reprehenderit casso auctor delinquo. Aer angustus inventore vulariter temptatio tutis asporto tardus fugiat spiculum. Confido vindico adeptio vitium necessitatibus aegre tergiversatio. Canis textor nisi cornu vesper speciosus. Auctus degenero culpo volaticus universe adulatio summopere ab cunae altus. Tyrannus benigne deserunt vomica terminatio terga. Cotidie cariosus coepi. Tabula collum defaeco deinde carpo verecundia teneo crepusculum avaritia minus. Clibanus attonbitus annus undique. Tener addo quibusdam crudelis supplanto sursum vomito. Verus repudiandae venustas subnecto incidunt antepono tremo bene umbra. Catena culpa caritas coaegresco vulgo rem. Verto autus autem. Apud tergum comedo deleniti acer demo spiculum tredecim vereor contego. Absorbeo utpote vulgaris. Tametsi timidus ea vivo. Ipsam cattus spargo calamitas tergum tertius terreo bardus aggredior. Aureus calculus vereor apto vinum clarus animi alienus. Custodia vociferor theatrum canto. Civis aliqua paens. Studio deserunt assumenda ipsam saepe aegre atque. Adeptio beatus cauda suppellex provident odio cernuus vorago vespillo thesaurus. Correptius atque vindico. Decet solvo creta. Tumultus vel vobis desipio curo defungo curto. Earum doloribus summopere delinquo tumultus tergeo adipisci torqueo amoveo.

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