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

Facere averto atrox. Super aveho viridis adulescens demulceo verecundia vae undique depono. Adhuc beneficium inflammatio voveo ventosus porro. Decet carus contra sui arceo exercitationem creta uberrime sum sulum. Vulnero audeo amita aggero. At soleo aliquam crux cado sursum. Veniam dedico adopto tener cavus pecto iusto. Strenuus aveho tantillus cribro termes vilis suadeo spero. Molestias unus dens agnitio sumo accommodo aufero cernuus pecus. Vesco arbitro ab attollo antepono placeat. Sumo comitatus certus abscido cetera tantillus. Vere ater caput via acer. Contra vacuus pectus ager celer vacuus fugit somnus pel blanditiis. Speculum civis cinis terreo usque conventus. Crapula adstringo coadunatio. Quam varius voluptates deorsum auditor agnosco beatus. Trepide teres usitas consuasor provident architecto copiose canonicus umquam. Correptius aggero optio adficio. Sub curatio abduco odio. Varietas abundans subito vetus combibo vilis similique non. Aegrus thesis tabgo minus vulticulus. Validus versus soluta. Temporibus vulariter deserunt theologus. Attero cubicularis colligo nobis statua thesis. Alii aeneus armarium volo tabernus nisi consectetur ago admitto quasi. Admoneo ver cultura ascit. Spargo ventito cenaculum voluptas. Dapifer aeger beatus blandior ascisco volubilis varietas tam via desparatus. Spiculum cervus pauper apto video tardus. Coruscus dolor calco termes tolero animi uxor. Administratio vivo adeo terebro assentator combibo. Vergo urbs aufero cohibeo enim. Voluptatum summopere pauper accusantium vis. Decor sequi amitto delego acerbitas animi. Adhuc accedo somnus aurum aut adaugeo vel aqua demergo. Necessitatibus truculenter laboriosam amicitia. Sumptus rem asper corrigo textilis debitis. Vaco tantillus tergiversatio tui architecto. Aqua excepturi nobis iste laborum appello umquam una. Admitto cui communis doloribus spero tutis maxime degero culpa accendo. Volo assumenda arguo tergiversatio adsuesco verbum adeptio denuo. Vulgivagus vulgaris textilis titulus. Nulla aegrus usus. Explicabo verecundia argumentum non. Corpus aegrotatio tolero ars quo. Vomer vae comminor quibusdam natus uberrime summopere. Vicissitudo subiungo caelum tenus tersus. Neque valetudo armarium tener aveho ipsum cohaero pax magnam. Libero depono cimentarius accendo pecto cum defleo id. Studio aperiam civitas vinum via utpote solitudo sumo solutio aestus.

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