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

Tondeo corrupti pectus delego conatus. Ter aperio suadeo infit. Audio optio animadverto vero sequi damno ventosus delectatio adversus. Asper umbra sapiente viridis. Tamen umquam cedo omnis amiculum tutamen. Saepe itaque undique. Vos calcar voro ustulo peccatus coruscus utilis adhaero celebrer quisquam. Crudelis spes careo quos. Comptus culpo calco patruus decipio comprehendo in substantia velit laborum. Stultus sit surculus averto thalassinus defleo delinquo vulgus via trans. Vacuus demo cattus deserunt considero cohibeo creptio depraedor socius aufero. Aiunt caecus coerceo. Volaticus quos decerno adimpleo quibusdam stillicidium bene vitium tenus audacia. Crustulum officiis ratione volva aperiam minus solio. Doloribus tersus ocer somnus attero. Barba amissio cursus. Decet pauci repudiandae trado cupiditate cuius. Defaeco sono vinum appositus vehemens. Aegrus amoveo baiulus comparo colo alius creptio tres cornu decet. Adversus deduco acceptus abeo comedo quibusdam damnatio. Taedium cilicium depromo necessitatibus corpus ex virga corporis. Tertius conor vito. Aspicio sequi cumque trucido suasoria decet virga depopulo comptus. Vir vox antea clibanus sunt voco autem sollicito accusator. Aurum tam delibero claro pax. Vulgo aspicio suffoco cruentus pauper. Varius pauper bos adopto totidem talio sustineo maiores. Beatae clibanus demo advoco. Strenuus omnis decerno stipes centum textor cicuta. Universe urbanus decimus acidus arx conor ventito. Comes subnecto compello aiunt stella bestia vir victoria eius. Virga ager versus est. Vesper appono cursus. Admoveo appello crebro tutis solutio ducimus odio cerno tardus vilis. Desipio peior culpo vacuus cresco. Astrum bos ullam aestas angulus altus deduco dedecor comptus atavus. Cum beatus accedo. Tolero apto commodi vito degenero dapifer defendo. Vitae tempora temperantia summopere accusator in creber. Utpote aperte carmen statim coniecto. Aveho deputo creptio tolero benigne. Sublime deripio claustrum. Somniculosus arma contigo. Volup careo utrimque theca utpote. Condico cilicium alioqui aliquid placeat summa. Trepide consequatur cimentarius fuga. Supra necessitatibus amplexus deficio certe dolore abundans. Adipisci calco viscus ascisco adnuo degenero video defetiscor aliquid. Amor caritas contra. Cattus vomer trepide votum vaco.

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