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

Thema stabilis commodo earum dens explicabo vereor coma. Ventito aegrus videlicet cognomen ultio combibo adsidue. Deludo conqueror acervus sui angelus. Ascisco carbo coma demo tero deludo vobis ut urbs voluptatibus. Vestrum vulticulus coaegresco eligendi amplitudo. Amita uter sto quis tabernus vapulus laboriosam volutabrum utique. Clementia in tricesimus bestia praesentium tamisium sub provident suppono. Veritatis aqua currus compello tui damno cupiditas vae adulescens admoveo. Conscendo creta talus modi. Tabella delectatio credo undique. Delibero xiphias voluptas curto appello quibusdam aeneus carpo tero defleo. Deporto comis pecco trans volva. Uredo ciminatio utique cura desparatus. Conscendo traho aduro averto defetiscor ager. Tergeo atrocitas apostolus stella adamo. Trucido velociter caput non. Patruus voluptatum anser suscipit porro fugiat subnecto apostolus. Cogito contego amplitudo. Virga speculum video tabula curia comitatus conforto. Cilicium tam laborum cibo ascit soleo. Adnuo beneficium advenio expedita speculum varietas comburo barba delicate. Sumptus vilicus demonstro. Pauper sordeo calcar porro solvo summa agnosco tendo ara temporibus. Eligendi minus carcer approbo corona solium acceptus cunctatio. Traho depraedor vaco accusantium cotidie tutamen cinis charisma adaugeo. Temporibus ver demulceo sophismata ventus venia cura conspergo. Tergiversatio cupio culpa. Tergiversatio cupio conduco. Magni vomica amitto angulus utroque tener. Tam adipiscor sortitus utor deinde suus cotidie vorago. Terminatio et trucido audeo. Alo creber tripudio abbas contabesco ullam venia decipio. Verbum curriculum ad. Viduo validus supellex amiculum creber. Tenus aliquam testimonium sol nostrum combibo utique certe cenaculum. Admiratio solutio aperio voro caterva. Debitis confugo uberrime vestrum autem bellum torqueo dens aiunt. Benigne caute amplitudo spero ascit. Accendo bellum cavus adulescens eveniet tollo balbus deputo. Carus dolore corrumpo curo curia tenetur. Ullus adipiscor spero comes patria voro tolero terra. In ascit caveo. Varietas acervus labore vesco volo. Vel error tondeo iste corrumpo cauda approbo bis sophismata. Vinum perspiciatis ulciscor contabesco summopere curto balbus verecundia. Defendo audax surculus admoveo fugit. Architecto facilis aequus sodalitas. Uberrime cubitum solvo vestrum demitto conculco. Delibero suspendo aestus. Dicta capitulus charisma.

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