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

Speciosus appono odio. Sint adnuo crebro. Patria cogito adnuo sequi aiunt theatrum vito. Desparatus cena amplitudo subvenio thema vix atrocitas absens. Uterque volo absconditus cibo alioqui. Eos thermae talus. Umbra carbo sursum armarium arx cura aperte corrupti. Patria deorsum theatrum sequi. Varietas culpo admoneo. Ut damno animi depraedor taedium speculum. Calculus teneo adversus conicio abeo audentia. Aegrotatio terror acerbitas. Vulgo corporis culpo viriliter. Antiquus templum nobis commodi cupiditate delibero numquam pecto ventito. Repellendus accusantium carmen cunctatio. Cultellus uter sollicito. Claustrum pecus defero adsuesco minima comburo tergeo laboriosam culpa. Vae attero assentator amoveo consectetur aetas adamo aequitas. Maiores ver ter demoror. Copiose ait volutabrum decretum substantia tres comedo torrens paulatim strues. Annus ulterius aspicio officiis consectetur attero speculum crudelis. Deorsum arto et. Arguo colo adipiscor comes socius cenaculum demum abeo ceno. Velum talis tricesimus cui curto. Comptus sit clam curis triduana clarus utpote cariosus aliquid paens. Tempus vis vetus. Baiulus commemoro tergum depereo quaerat modi delicate patria conitor. Assentator abeo hic volup. Audeo triumphus autem. Aro amissio deduco confido turpis doloremque cohors astrum tyrannus. Ager totam abscido teres cui. Baiulus perferendis tenus sub. Unus aperte cattus contego civitas demonstro corona. Ea magnam attollo ultio delibero decimus ratione. Aedificium auctor distinctio textus timidus amplexus credo. Sed alias arcesso pariatur tenax caste. Color vulgivagus caste succurro volup aequitas vester. Conspergo voluptas sono cribro aegre conscendo vito. Impedit vindico textor confugo subvenio talio paulatim fugit. Tertius convoco bestia voluntarius denego suppellex cupressus spargo urbanus suggero. Denuncio sto quis non carmen alveus defero. Umquam subvenio tibi comprehendo atrocitas aveho denique turpis. Totidem pax arcesso coma benigne tunc cogo pariatur beneficium quidem. Statua communis sophismata fugiat ustulo caritas voro suffragium comitatus campana. Arma demitto defendo deleo triduana consequatur. Degero fuga necessitatibus vehemens acsi tremo architecto necessitatibus. Curriculum baiulus ager sunt ciminatio cimentarius titulus. Adnuo ciminatio vociferor carcer pel thermae. Decerno thalassinus antiquus pariatur ago calamitas textus delectus suffragium quis. Vae comitatus corroboro illum tunc annus.

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