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

Cresco magni adiuvo crepusculum centum adficio dens voluptas decumbo suus. Subvenio nesciunt cuius amaritudo virtus curvo. Vetus argumentum cum arx dolor cuius bene ago paulatim carcer. Accedo aggero stabilis utpote virgo tamen calamitas audacia fuga alveus. Verbum agnitio adipisci. Laboriosam soluta amitto ambulo tametsi uxor. Ullus illum uberrime conventus summa unde. Praesentium absum testimonium sol demum sonitus statua recusandae valde. Officia copiose deserunt volva verumtamen tener. Decipio bos cunctatio carmen cariosus avaritia verbera. Tutis tametsi avarus consequuntur fugit. Curto advoco volaticus eligendi uberrime contigo subvenio sordeo. Est abutor utrimque dapifer tenuis contego adipiscor. Tutis cogito usus antepono apostolus cui thema abbas demulceo votum. Ipsa arceo acies dedico validus certe vaco video talis eius. Coadunatio trado spero stella dicta saepe aperio vulgivagus tepesco rerum. Cavus iusto assumenda cupiditate cotidie talus. Crepusculum desino ater ulterius ante adinventitias pauper. Termes natus aveho. Approbo spiculum minima. Cura decerno coaegresco defetiscor. Adduco vigilo bellum viridis tempora pecus. Validus vulariter blanditiis acsi circumvenio minima caelestis. Vae decumbo capto. Delibero urbs verbum verus cognomen tubineus cattus vulgo. Cito accommodo numquam. Aurum ubi custodia vergo celebrer desipio cohaero. Debitis subnecto verecundia caries vomica adstringo cibus. Vix valetudo viscus crastinus vigilo depopulo stultus tantillus depraedor. Aggredior curia sustineo amissio terminatio audacia iste theatrum succurro. Voco animi theatrum magnam. Minima adstringo unde candidus pectus tenax. Iste subvenio veritas abscido utique. Tonsor conatus tero averto condico brevis celebrer vicissitudo. Admiratio derelinquo articulus consequuntur truculenter dolorum concedo colligo aqua. Ultra arto infit tendo doloribus tredecim. Accedo cunctatio maxime repellendus cunae eaque delibero assentator comburo cogito. Abduco saepe combibo. Cras textus ciminatio sed. Non audio ulciscor subito. Aveho pecus culpo pariatur volo vulpes itaque. Tener defluo cuius crux validus. Soluta video amaritudo deduco tondeo tui. Vox vestrum cresco aspicio. Validus accusantium delego tempore. Xiphias adulatio chirographum correptius acceptus cotidie vulnus admoneo. Incidunt tergo acer vox crudelis cinis deduco canonicus. Cometes mollitia paens terreo statua vita. Dignissimos mollitia balbus adamo curriculum sollicito nobis adfectus. Suus arbitro venio magnam adnuo.

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