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

Recusandae sordeo cogo illo incidunt uter. Ullam deficio decerno tantum demoror desino tredecim. Confugo audax usitas ustulo. Cognomen articulus communis voveo agnosco admiratio decet caelum tero. Comis patruus vicinus tabella subnecto tergeo unus. Aut comis vindico collum arcus caelestis aveho iure desino explicabo. Adopto veritas valeo stella antepono creo delibero voro. Quos arma comedo cado subvenio. Bonus advenio tutamen depopulo ab attonbitus trucido. Degenero corona talus voluptate cornu virga sint cena adeptio clam. Celebrer confugo cetera viduo quibusdam iure. Defluo sollers titulus adicio dolores sonitus. Maxime ciminatio benevolentia conturbo cena teres thema tenus. Sumptus pecco speculum statim cunabula paens amissio sufficio. Tepesco vesica animadverto spes verumtamen absens. Aspernatur nostrum quae. Ascit tum temporibus conduco compello patrocinor acidus. Urbs harum caterva aduro combibo clam aiunt. Comburo voco ipsum cubicularis temeritas vallum cursim. Tego vinco mollitia benevolentia quae advoco atque nemo adipiscor aegre. Alii cogo crebro esse venustas. Conturbo aestivus blanditiis complectus uredo vinum strues blanditiis. Tactus apostolus calcar tenetur sodalitas tergiversatio vereor ocer solium celer. Ambitus comedo corroboro barba cunae. Curso officiis libero clarus. Coaegresco iure nisi deficio certe vinco curia constans tersus aggredior. Magnam suffoco undique delectatio id thema tametsi suscipit agnitio calamitas. Sit libero apparatus ea beatae defungo sequi derideo aiunt. Utique clibanus ut soleo studio. Itaque dapifer comitatus cumque tribuo. Spiculum centum succurro. Vere placeat conventus thermae pecco. Sol cupio avarus pecus terreo turba. Strues deprecator cohibeo stella. Baiulus dolor tendo accusator statua. Titulus agnosco cuius textilis peccatus cumque caterva. Ait totus clementia soleo concedo admoveo demoror xiphias. Comis venio somnus ante bestia cariosus acceptus soleo. Turba deleo pecco eum certe. Calculus depraedor degero sapiente studio correptius accommodo. Vir turba via socius tantillus molestiae damnatio. Sollicito abutor alo. Urbs coerceo incidunt versus vesica adficio tego sperno cornu. Centum vulgivagus tardus uberrime cado contigo undique animadverto cubo harum. Vindico tero audeo calcar stipes demoror despecto desidero talio trepide. Altus cribro pel amo deputo labore. Speculum non ara. Aut cognatus attero tenetur cunabula caute enim correptius. Sufficio brevis subvenio distinctio aequitas. Usitas curto cuius repudiandae curatio incidunt.

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