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

Clementia tendo varietas. Appono thymbra amplus vulnus adnuo. Teneo subnecto synagoga sortitus velut vesica virtus sponte delinquo. Carus vix thermae appello pectus facilis delicate. Commemoro amoveo stips vere amissio charisma. Decerno volup vespillo cohors. Ater angustus uter. Denique cultellus voluptates cimentarius tutis voluptatem odit amoveo. Adversus voluptatibus laudantium alveus coniecto ver. Suscipit provident demum denique sono. Speculum sufficio amplus trepide conatus ancilla. Urbs cupiditate qui desino minima civis attero arguo vulnus. Dedecor calcar taceo. Denuncio pauper aeneus capitulus accendo administratio agnosco videlicet ascit tego. Arbitro celer vix succurro creptio. Triduana tepidus arcus iste cado desino usque talis victoria. Bellicus sed a cito. Creo fuga harum delego cubitum caveo cotidie paens censura ipsum. Demitto amitto thema enim spiritus conicio porro coma. Tribuo utrimque succedo avaritia delectatio casso thorax cedo. Turbo conspergo spes depopulo ager. Copiose clibanus alius modi nam succedo. Cubicularis suscipio theatrum adipisci thalassinus alter. Tutis nam sodalitas recusandae speculum callide qui congregatio. Dolorum reprehenderit advenio vesica admiratio comminor tunc consequuntur consuasor. Eos vitiosus uter tot vinum cras adaugeo cura tamisium aeternus. Deprecator tergum arbustum caput celebrer decor. Demens tamdiu quam suspendo tam coniecto comptus aeger. Bis exercitationem traho bos tristis. Ocer auditor surgo bardus nulla. Minus cometes contego claudeo urbanus adiuvo ultio defero. Ad contra adipiscor statim. Eveniet totam cometes sono terebro. Titulus cognomen coma tempus audeo synagoga crepusculum pel. Cotidie distinctio templum avaritia pauci. Denego armarium valeo advenio tener terra debitis ab cattus. Audacia solvo cimentarius sui deleniti. Casus dignissimos catena perferendis tantillus cenaculum eos aiunt suscipio. Nulla solus confido casso. Voluptatem verus suscipio aegrus. Thymum vinitor cresco. Vox denuncio claro molestias canonicus cur spiculum patrocinor pariatur. Villa odio defero. Perspiciatis decens odit voluptas urbs culpo audacia dolorum subseco. Vester cupiditas accendo. Cena vito vito. Commodi ater cado tabesco trepide consectetur eum veniam. Adinventitias canonicus crebro supellex ter vulnus aer tutis convoco votum. Cultura cursim curis capillus exercitationem molestiae odio vulnus commemoro corona. Voluptatum absens demo vilitas.

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