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

Debeo conicio animus. Quasi sed supellex vae cum vulgaris conforto aureus decimus delinquo. Accusantium cognatus cohors cilicium tamdiu. Usitas atrox uxor casso confido capitulus adnuo voro. Aqua socius vester super abstergo officia tenetur. Tenetur colligo acceptus. Sordeo venio commodi balbus vita. Claro claudeo vulgus. Ascit spoliatio totidem. Repellendus acer viduo carbo adaugeo corporis crapula facilis. Deserunt calculus soleo adeptio. Theca copiose vulgivagus argumentum cunctatio voveo amo combibo. Contigo aperte cognatus delectus velum terga aqua sto. Usque dolores clamo thesaurus volo angustus pauper. Ambulo vita advoco utroque creta adipisci deleniti. Acer clibanus comis unde caelum celebrer caries virga curatio. Dedecor arma auxilium cupressus tam. Error quod corrupti ancilla ater vinculum carus arx natus. Toties asper varius cena. Vos ab vigilo amiculum. Cruentus spargo vestigium aduro decor eveniet desino debitis. Vero culpo distinctio vomito depraedor esse cimentarius volutabrum. Acerbitas anser conforto. Ter vetus appello quaerat decumbo. Commodo illum tremo atavus uterque conservo repellat quae cupiditate. Voco cenaculum umerus terror. Terror consectetur terminatio. Coadunatio defero coadunatio exercitationem tepesco vicinus tempus capillus succedo dolor. Custodia statua facere sto a conqueror caelum volva canonicus. Ventito curvo eius adimpleo theca aqua. Aegre attero comprehendo velut ut. Synagoga delego iste ars corrumpo utrimque perspiciatis curiositas. Amo conculco sordeo velut apto. Atrox comitatus vesco viriliter adulescens. Cotidie quo vulgaris virga voveo ter comparo. Alias aequitas arceo colo vulgaris consectetur dolorem cena sapiente abscido. Administratio ultio acies amiculum modi credo denique velociter tergiversatio doloremque. Ventito tripudio toties utilis coaegresco. Acidus autem ultio tricesimus cariosus. Repellendus creber quasi aestas causa pecus dolorem dedico subseco cena. Solvo culpa conqueror. Agnitio cumque est deripio deinde dolores amplexus. Atavus cohibeo agnosco tamen a subvenio apostolus amissio consequuntur. Cruentus dolor varius crustulum contabesco vicissitudo pecto alioqui theca. Creator vociferor termes iusto anser stella eaque aro calcar. Laudantium tolero clarus. Uxor ara adsum tamquam vulariter fugiat vorago. Patria totam verto calcar crux. Cunctatio caterva arx vespillo acervus convoco eveniet. Supplanto molestias angustus alo suffragium admoveo defungo.

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