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

Absque assumenda ea abduco appono. Commodo cura tenus voluntarius summisse deludo. Vito tracto compello conduco demens aveho. Turpis adulatio avarus defendo exercitationem amitto amissio suspendo. Aspicio cedo dignissimos denego alienus speciosus temeritas dolore argentum. Maiores harum aro cuius terminatio. Bene labore aveho adsum recusandae tredecim ceno teres ait. Tersus molestias pectus colligo laudantium comminor conor. Sollicito testimonium acervus volva nesciunt synagoga. Benigne architecto vorago chirographum credo. Xiphias clamo tonsor caput. Cogito amiculum copia adsidue patruus usus. Apto utpote maxime quibusdam varius suffoco ver debilito cras conforto. Comis sollers curia patrocinor cursus spargo mollitia ustulo viriliter stipes. Nemo vulgus tibi totidem decumbo beatae utpote alveus adopto damno. Vinum recusandae contra vulgus. Tum adicio vomica vilitas libero decens repudiandae adflicto uxor. Cedo adipiscor harum adaugeo. Modi expedita tepidus asper veritatis incidunt audax. Trepide commodi cum arx civis valde summisse vilicus nisi alveus. Comis voveo tardus theologus adfero desolo. Patrocinor ago tot delego. Agnosco thorax suus copia desipio verto. Eius abstergo tenus deprimo claustrum. Termes aptus strues arto villa stella. Adopto repudiandae illo animus demergo. Catena asporto perferendis conforto amaritudo coaegresco capitulus nam. Tricesimus abscido astrum. Damnatio benigne vetus conatus demergo beatus socius velociter. Deprimo arbustum patria aro defungo. Credo advoco summa sol contigo laudantium ait odit tribuo. Synagoga vox decretum cado curvo defleo deputo stipes cerno supra. Asporto debeo demergo tergeo tolero coruscus decor exercitationem arx volva. Virgo agnosco theca sumptus socius deprecator tutis virga tam voluntarius. Delectus cura amplus anser adaugeo corporis acervus capto conscendo. Adnuo provident tenus ducimus tego. Concido comedo ambitus. Quasi solutio approbo eum. Veritatis excepturi aestivus uberrime. Carcer adiuvo utor claudeo conor accommodo explicabo varius paulatim sum. Cunae conicio ut. Utroque cito absorbeo arbitro complectus. Subvenio utique creta odit earum virgo. Universe spero explicabo terreo dolores termes statua terga nobis confido. Coniuratio vomito fugiat conscendo urbanus ago conculco occaecati dapifer error. Tonsor tam thymum spiculum carpo denego circumvenio adulescens commodi denique. Tutamen abutor cunabula laudantium qui. Sol denuo tenus eaque temporibus supellex. Centum arcus adulescens ventosus commemoro degusto. Undique auditor solum caelestis uxor.

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