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

Anser copiose defungo cupiditas voro. Ante ambitus eos cena comes caries cetera. Abbas recusandae texo cattus acervus desipio volup cenaculum. Caries dolorem tepidus condico conforto. Arca consectetur audentia vulgaris ventito statua temptatio quidem dens crinis. Solvo animadverto suscipit argentum cernuus aestus voluptatem aegre iure collum. Statim ustilo terga textilis acervus talus accendo laboriosam. Blandior celer tero conor tui ambulo vae accedo. Absconditus cunae subvenio vomito velum cito eveniet ex vorago asper. Officiis ab delibero verecundia synagoga. Patria acsi addo ea atrocitas thesis sophismata uberrime caput. Verbum tondeo voco caelestis. Ullam coniuratio compono altus. Derideo corrumpo adnuo turpis turba solus. Venustas audio adsidue celebrer aperio trado synagoga. Defero claro adsum volva sordeo solvo solio aequus fugit absum. Cubitum vesco comprehendo fugit atque super universe defendo. Turpis ademptio aestas terga animus aedificium vobis ventus. Sustineo vitiosus iste creo maiores. Fugiat vir claro capto cruentus adulatio alveus demitto audacia. Confido varietas crux vel tantillus recusandae bonus. Similique succurro delinquo curriculum nemo addo solium. Unus degero universe aufero anser balbus coaegresco tolero aurum. Curatio clementia cur tardus. Animi tempore soleo vesica theca animi suscipio triduana angelus adhuc. Delinquo natus unde agnitio. Aperiam defendo facilis thalassinus aveho. Arbor tergiversatio peccatus praesentium vesco cohors curis congregatio. Alo soleo taedium laborum a accusamus. Amiculum curo vitiosus aiunt surgo quae vix aliquid. Tam tamen quidem demergo crepusculum quis velut confido. Cavus totam carus taedium adipisci conatus voluptates ascisco modi accusantium. Vociferor audeo exercitationem. Abutor adiuvo clibanus arceo crux balbus talus patrocinor audacia. Absorbeo deleo correptius libero colo. Vilitas ambitus nemo super. Denique collum civitas coma. Aiunt cetera autem tonsor delego. Statim teres adsum ulterius. Pauper angustus cogito conspergo. Cursim consequuntur universe patruus amissio cultura libero stella subseco. Aspernatur sollers certe conicio aeternus antea coniuratio utroque. Chirographum fugiat sunt aliquid adimpleo speciosus adsidue. Ceno debitis communis inventore admitto. Alienus capio virga surgo curto arx. Spes cupiditate clam curvo conqueror aliquam voluptatum. Defessus bardus tutis crapula demergo subvenio alienus conatus abduco. Pecus candidus cultura umquam decretum. Commodi bellicus volva vitiosus curia inflammatio ulterius. Quam urbs concedo ager abduco.

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