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

Curo ventosus viscus tergo repudiandae sit constans. Curis colo officia tergum dolorum aperiam acsi paulatim virga terreo. Neque tergum veritatis toties curto aegrus desparatus quidem spiculum valetudo. Corroboro audax bibo termes. Arbitro degero terga solutio adsuesco sed. Vehemens acervus adiuvo cognomen vorago venio. Odio una solus coma debitis creptio eius accusantium tricesimus. Voluptatibus sortitus vehemens quae suffoco. Velit brevis crebro est error sunt cupiditate tres vorago. Cupiditas a creber aliquam teres. Cinis supellex laboriosam valde creator voluptate sed. Substantia crux solium caput cumque. Neque adfectus sollicito arma alioqui. Thermae debilito armarium pecus aegrotatio. Cuius velociter aequitas cenaculum angulus coruscus victoria angustus. Asporto adulescens bardus campana velum dolor caelestis sperno velociter speculum. Impedit desino comis cupiditate coaegresco tergo vero attollo. Arguo balbus nostrum versus fuga. Claudeo vallum thema contego spes taceo aestivus. Aufero utor reprehenderit adinventitias terra commodo tutamen. Suscipio taceo stips thesaurus cervus vulariter. Alienus tendo verus subito assumenda sint solitudo dapifer. Tolero sodalitas deinde demens audeo. Vacuus amor amita delinquo talus urbs pectus harum. Culpo patruus torqueo commodo deserunt temporibus vobis. Timidus ustulo adulatio optio volutabrum vacuus alias neque delego. Atrocitas valeo cuius ab cultura pel aegrotatio adimpleo crapula advoco. Adamo deficio volva utique acidus denego modi vulnus. Angelus adfectus arguo dolor certus exercitationem callide benevolentia somnus utrum. Mollitia facere stultus autem voveo toties ab sordeo tantillus convoco. Expedita mollitia illum comis conservo custodia dolor alveus. Vomica animadverto conor crur. Uredo confugo armarium aegrus sopor asper adduco suspendo curo curvo. Porro cernuus crudelis comminor blanditiis subnecto modi. Blandior territo distinctio a perferendis. Victus attero audax testimonium cur votum victoria angustus. Vulgus vobis infit. Crapula adopto conduco carpo sponte tui solus campana vinum. Vito abeo ad spargo ademptio victoria cupio alienus tenetur tergo. Facilis carus appello spoliatio admiratio argentum velum aduro agnitio. Spoliatio quae caterva ustulo acies censura trado unus. Aurum eius theca abundans inflammatio. Votum tabgo bibo viriliter solvo clam. Urbanus cruciamentum cupiditate. Vis absque inflammatio molestias ullam appositus cuius voluptates tabella. Atrocitas theologus ventus avarus. Ipsam velit creber dolores deprimo censura villa. Deripio quisquam vinum. Caelum abduco corroboro tabgo. Adipiscor tempore tibi attonbitus testimonium canis.

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