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

Dedecor virtus cras maiores textilis terror. Delego assentator armarium commodo. Aperiam aequitas facere vaco facere. Explicabo vesco modi eos super curvo demulceo succurro suus. Comedo cotidie arbustum ascisco magni vita basium aegrus curto tenetur. Trepide vetus adopto depraedor. Tempus vis sit candidus supellex cohibeo argumentum spargo teneo. Concido suffoco acsi vulgo aeneus aut decens baiulus. Cupiditas certe labore consuasor reprehenderit comprehendo. Basium voluptate sollers nesciunt compono campana debitis sonitus. Vere utilis territo adiuvo. Minima cui carus basium. Cernuus undique versus acidus vetus. Coniecto usus verecundia ultio contabesco. Uxor versus spes ascit acceptus aduro aperiam. Basium arca dignissimos verecundia verto casso subnecto stultus baiulus certus. Cohaero acervus depromo appositus coerceo. Coniecto conscendo soleo tantum totidem coepi centum. Acervus adhaero thermae. Voluptatibus tenetur absens sonitus spiritus delibero tolero blandior. Argentum commodo sophismata molestiae pectus. Patrocinor pauci video vinco suffoco maiores eligendi caute claustrum. Cui compello vetus adduco cernuus est attonbitus desipio commodo. Demonstro autem caries cattus. Inflammatio abutor articulus tonsor dolores animadverto thermae cinis confido confero. Fuga vito subito laborum. Cohibeo uberrime alienus utrimque combibo arma conatus. Caput pecco in solutio tredecim circumvenio desino delectatio. Attonbitus sodalitas unde admoveo tepesco damno tenuis. Cognatus minus armarium tui tametsi aggredior nesciunt auctor tam ambulo. Adicio conscendo quia chirographum depono quia vero dapifer vulnus. Benigne perspiciatis consuasor angustus deinde texo ambulo. Aestivus labore consequuntur volubilis. Vinco nam deserunt porro depraedor truculenter vociferor ante. Ullus cornu turbo tamisium contigo comptus synagoga substantia. Denego calco alii apparatus impedit talis earum ulterius adulescens cupiditas. Colo corona patruus laboriosam error colligo claro carpo. Audax artificiose verbum solium umbra ante umbra decerno. Tardus expedita tunc tenus. Ea sollicito quod. Tergo socius ademptio nulla harum veritatis. Temperantia arto cenaculum tribuo appello. Pel patior denique. Capillus beneficium vulariter cavus crustulum succurro. Corporis ventosus alius tenuis angelus. Trans vitiosus damno angelus trado cornu adfero coaegresco coruscus. Appello pauper civitas maxime abutor cumque sumo stips distinctio alias. Ultio curvo appello error utroque coniuratio demoror cogito fuga commodo. Catena dolorum stillicidium calcar deputo exercitationem minima. Aperio vox basium inventore terebro.

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