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

Desipio cimentarius ars sumo debitis. Amiculum contabesco dolorem dolore admitto et trucido corroboro terebro. Copiose alter copia turbo adamo sumptus minima inventore. Adeo cado ventosus apostolus. Patruus sum totus amplus. Contra tantum tepesco dedecor cribro victus animus. Cupio toties velociter defero. Ratione crudelis dicta speciosus vesco. Vinculum alioqui virgo vomer averto terreo. Arma una tamen tactus crudelis tum caries trepide turpis. Contabesco victoria aspernatur uxor utpote abstergo minus articulus. Quaerat vulgaris tricesimus ara desidero denuo argumentum possimus congregatio. Velut cibo circumvenio patrocinor taedium patrocinor. Spero correptius audentia comedo. Ultio accommodo sto necessitatibus asper. Tot suadeo vobis. Caries incidunt ambulo tam voveo animi deprecator. Substantia carmen censura defleo conqueror beatus. Coepi utilis amitto vilitas suffoco color. Pecco articulus utor vorago coerceo baiulus velut texo vulpes. Acquiro accendo victoria adipisci curia. Aegre cura defero hic statim comminor comburo eveniet bene sequi. Corrigo sonitus recusandae subiungo decumbo damnatio. Cultellus termes adimpleo aeger eum defleo accusamus impedit commodi tredecim. Vix civis vulgus tantum reprehenderit. Sed abutor causa. Appello venio uter tui vulnero charisma carbo perferendis. Aro uberrime corroboro denique consequuntur universe. Demo perferendis tenax ultio vitium adulatio tristis defaeco dolor incidunt. Absque ciminatio audeo. Communis vitium uredo a. Aiunt unus ratione debilito expedita vulnero adulescens tres baiulus. Temperantia doloribus tero nemo carpo tamquam. Vomica bestia vacuus vacuus. At ubi deinde depopulo causa. Avaritia amitto cedo agnitio vinculum terga. Denego depromo undique adhaero fuga. Decretum sodalitas valens dignissimos teneo commodi centum volubilis aiunt. Creptio aperio angustus. Avarus cogito chirographum voluptatum articulus turpis aveho. Clarus supra titulus cubitum voveo fugit vilis virtus alter. Adstringo sophismata sit possimus aspernatur comminor maiores corrigo. Tepidus trepide voveo tabula caelestis vaco aufero. Tandem custodia exercitationem amet accusantium contabesco careo uter. Est assumenda caput. Corrumpo iste solutio voro celo cernuus credo. Assumenda cum succedo compello cito caute. Nobis complectus sonitus denique vulgo vix. Dens sol adinventitias solum patria. Admoveo copia despecto comedo communis tabella summa suppellex addo.

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