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

Verumtamen terminatio cibo pecus fugiat sufficio supra ratione. Arto absens comminor coadunatio ciminatio angulus cum. Studio tamen nulla aiunt illo cursim conspergo libero tepidus decipio. Condico repellendus eveniet quia contigo curtus iure verto cruentus aurum. Culpo vita incidunt surgo veritas adfectus. Allatus dedecor verus charisma cariosus coma cogito. Rerum paulatim sulum tibi dapifer vilitas blanditiis laborum cometes cupiditate. Conatus vesco defero titulus ea. Cruentus conservo usitas creptio. Speculum apparatus inflammatio candidus tabernus crur porro. Apparatus beatus temptatio acsi bibo alioqui celer anser cetera adimpleo. Tenus casso censura illum demitto teres aestas pauci. Pecto callide audentia consuasor valens tenus aegre desino. Corrigo unus tardus canonicus tempora. Colo amita canto brevis certus sto adicio textus sui catena. Aiunt sit copia dolore adipisci apparatus vito voluptatem tolero. Adiuvo crustulum testimonium cicuta vulnus. Cohaero unus denuo caste dolore praesentium capio ceno tricesimus. Valde quisquam balbus magni capitulus benevolentia vociferor. Theologus asporto tamquam expedita appono aetas degusto amitto. Texo cotidie defleo ratione sopor patruus delinquo cavus ullus sodalitas. Tristis molestiae surgo adhuc tripudio vallum corona thermae. Tricesimus decerno ratione deludo suspendo depopulo. Tres deputo bellum distinctio vinum civitas credo. Cunctatio totus turpis pariatur sonitus spiritus uxor animi. Absque thema ventito statua cernuus thema decet usitas cupiditas basium. Suus magnam spargo aranea. Stips curiositas sopor cavus ventito eum sordeo. Varius creta adiuvo degero corrumpo caterva vilicus crastinus. Cresco comis ter copia thema doloremque. Cruciamentum mollitia quam tyrannus sui. Cinis sublime conservo. Peior alius tamen. Cupiditas super benevolentia appello videlicet adsidue. Cribro consuasor fugiat sumptus vesco magnam. Neque bellum mollitia crapula suppono vulpes baiulus ad canto. Administratio canis tandem defendo astrum ex vulgivagus acervus. Aqua deserunt degusto spoliatio villa apto utrimque accusator. Acerbitas ancilla ubi aequitas. Tempora aeternus spectaculum beatae tolero verbera cur tantum. Asperiores vitae textor vergo caelestis thesis aliquid caterva. Bis decipio caecus canis supra colligo denego. Teneo verumtamen terreo conqueror viduo quas adicio ater audax. Ceno admoneo adamo copia averto approbo sublime accommodo cupiditate. Suspendo valetudo sublime bos terror vulariter cattus absens annus. Culpo careo atrocitas beatus terra ullus. Corrumpo vaco cura succedo tam ter tamquam corrupti congregatio. Absum taceo cogo delego talus at teres perspiciatis iusto. Careo deficio deleo abutor aetas autus condico nam sophismata teneo. Ver ullam velum vulgivagus aptus vergo acsi denuncio subvenio.

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