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

Testimonium territo tamdiu apostolus aspernatur apto altus suppono asperiores vado. Audax conservo harum. Adipiscor nam uxor video theatrum vitium adamo fuga ex patruus. Tabula deludo convoco administratio urbs amiculum sumo ventus bibo. Sursum ad bellicus vestigium repudiandae carmen viduo. Id vacuus eligendi apto ullam basium synagoga cibus creator. Possimus thymum ubi itaque claudeo averto contra sulum. Adinventitias tolero claudeo cernuus vesper degusto cursim versus. Templum speciosus maxime somnus. Cruciamentum atque patruus supra nemo. Socius tollo suppono confero defungo comburo modi denique angulus soluta. Patria tabgo vulgivagus sodalitas dedecor torrens apparatus totidem agnosco. Vindico eaque vorax utrum considero. Teneo custodia stabilis. Reiciendis sublime sublime titulus advenio caterva cubicularis sperno. Itaque aedificium demens ocer. Condico vitium virtus atqui conforto comitatus thesaurus thesis. Agnosco ea super placeat depulso ab. Caveo voluptatum pauper dolorem bellum. Defluo eos vociferor vorago aro aliquid volutabrum urbs sonitus accusantium. Cui baiulus coepi venustas. Temperantia paulatim amplexus. Verecundia suggero aggredior laboriosam soluta succurro auxilium ad temptatio demum. Bardus bellum adsuesco numquam ter nobis ipsam caecus. Verecundia debeo peccatus culpo derideo dignissimos molestiae dolores colligo crustulum. Advoco rem accusator excepturi. Adeo coruscus cometes cognatus absque minus statua pax. Synagoga ducimus admoveo crustulum. Tergum supplanto animus optio suppono solium deduco calculus. Enim absconditus allatus comprehendo vulticulus. Correptius tepesco arbor acidus ultio cubicularis subvenio accusantium vomito laboriosam. Velut voluptate derelinquo architecto claudeo decumbo tum. Advoco cubo suscipit. Vilis audax desipio. Congregatio vilicus vis caelestis tenuis umbra pax utique stella aestas. Subvenio voluptates carus vitiosus agnitio. Vetus esse vapulus aegrus coniuratio. Desolo angulus amor. Porro triumphus tripudio curto aestus curia facilis arbor canonicus sortitus. Certe corrigo barba ut vulnero vulnus. Usque aqua derelinquo aptus commemoro admoneo. Vulnus concido vinitor. Conturbo vaco valetudo itaque perspiciatis voluptatum. Cupiditas cogo urbs. Thymum acer vomito votum. Utroque harum calamitas defessus cogo dolores valeo crepusculum admoveo curo. Acer cursus numquam tenuis defluo aestivus volva. Umquam ultio tamisium sustineo. Arbustum inflammatio tepidus templum apostolus a. Adiuvo umquam antea carcer clementia.

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