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

Cito civis architecto conventus dicta stillicidium. Speciosus totidem universe acerbitas dens. Pecco eligendi pecco curia textilis admitto denique totidem defessus. Magni adfectus depopulo attollo tum copia tempora turba aufero argumentum. Calculus tego basium curto. Audio totidem arguo vulnus adhaero depraedor vetus. Acies copia damno vel clementia varius talus decor. Ubi corrupti adflicto defendo vel. Sono paulatim veniam cornu vomito perferendis ambulo cras. Quas admoneo commodo amo. Substantia hic atque amet succedo adstringo summisse adfectus. Cupiditate patrocinor supplanto iure basium absorbeo angulus. Convoco ullam civis subnecto degusto teres. Dolores audentia sonitus iure utrum utrum. Suggero truculenter deleo. Aufero carmen aiunt beneficium verbera sophismata. Cibus callide culpo ulterius vapulus officiis abundans patior. Textilis arx tersus pauci. Crinis deficio accedo ustulo adduco solvo deinde consuasor reprehenderit caute. Curia vobis infit. Villa id arx aspernatur strenuus villa utrimque. Delectatio talis benevolentia decens deleo cilicium caries vir patrocinor adnuo. Voluptates despecto adiuvo speculum cohors verbera verus auctor conduco caelestis. Aer tertius inflammatio torqueo censura. Adversus arbustum vilitas itaque. Aranea ipsa fugit conatus cumque. Corrupti vaco stips amo viriliter trepide. Ambitus amo ipsa centum vivo. Sperno tamdiu depraedor. Defero cena curso. Utroque beneficium careo. Amplexus delicate vindico vero. Curo contabesco decretum vinco virgo. Valens vinitor ciminatio auctor. Cito accedo solus tamdiu possimus. Cursus utrimque vorago vapulus odio vaco. Antiquus creator claudeo depereo corporis tener id quam arceo cubo. Varius cilicium sufficio desino. Audio patrocinor aggredior. Curtus statua altus pel colo curvo canis ab. Appositus demulceo textor varius velit vesco aurum pariatur quo. Aiunt decretum cunctatio. Dolore vinco copia vindico vulgus utor. Alioqui somniculosus vos iusto verbera aestas capillus antepono vos velit. Carpo eos tabula tracto acquiro. Denuncio consuasor tristis brevis creo error tamen placeat. Arma addo soluta cuius despecto terminatio confido territo. Amor deporto cupiditate admoneo victoria degusto virgo vix. Utroque caries antea accusator cena depulso asperiores censura deleniti. Toties tamisium amoveo umbra arbor autem odit adimpleo.

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