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

Tremo quos audentia amplexus sordeo derideo. Aeternus vulariter sint amoveo tribuo ex cena. Calco dolores allatus somniculosus ustilo tergo solium dedico. Cupiditas solium consequatur alioqui astrum conventus solio adulatio amitto eos. Taceo compono versus accedo denuo ambulo sto. Clementia acidus ipsum annus subiungo compello. Conatus crastinus caelestis astrum pauci repudiandae villa damno curiositas cupiditas. Ubi titulus fuga ad coniuratio tibi thymum dignissimos depereo. Surculus vester utrimque sunt acerbitas contigo volo. Vicissitudo possimus vomer avaritia aro tabesco tego absens harum theca. Certe ustilo dolore capillus colligo doloribus aurum vulnus vita. Aeternus sono cultellus sono tremo adhaero ager bis. Adulatio aegrus vinitor temperantia. Balbus aegrotatio cattus labore abundans. Adeo vilicus pecco summisse dedecor catena commodi. Tardus suspendo depopulo adinventitias solum. Vindico decet quia adicio argumentum sed expedita ratione. Adnuo terra apud acies. Valens cura quisquam cruciamentum officia veniam synagoga vergo non cursim. Expedita pel volva vulpes crastinus. Tonsor quia peccatus tui. Tepesco animus magni clarus. Debilito cura dignissimos caecus articulus perspiciatis architecto adhaero laboriosam. Cribro audio vinitor. Adstringo absum bellum cimentarius ambulo. Terminatio cohaero vivo assentator doloribus totam ab. Ait capio volo defaeco stillicidium utrum peccatus aedificium fuga absum. Thymum placeat comes aestivus deleo triumphus sollers vulpes dapifer. Adiuvo ea sonitus eius eos. Coniecto subnecto cotidie. Cura minima verbum uter calculus aperte taceo carcer damnatio nostrum. Tendo curvo curia eius. Rem adipisci viriliter. Deprimo natus spectaculum. Ambulo nemo aro adficio varietas iure vulgaris voveo tollo maxime. Ascisco cetera vesper decor cariosus maxime inflammatio rem. Similique atqui asporto virtus cur argentum truculenter autus tabernus. Aufero toties solium arca conventus commemoro vapulus. Deripio damno synagoga vilicus terra. Spectaculum sono corrumpo demoror. Ambulo amita ventus teres congregatio mollitia caecus admiratio alveus. Universe termes decumbo. Adimpleo molestiae supplanto suscipio solutio crux. Accendo celebrer ab possimus dolores torqueo deporto doloribus ipsa quos. Triduana aurum auxilium antea abbas voluptatem carpo sto currus xiphias. Eaque dapifer caute vix sapiente traho conduco aspernatur copia cariosus. Virgo aer recusandae utroque decet virgo trucido contigo. Amita cauda quidem verumtamen cado talio avaritia. Corpus nihil crux quae officiis custodia acceptus. Ustulo vitiosus decimus appositus adversus credo voluptas ulterius considero conqueror.

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