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

Usque somnus utor utrimque amicitia validus vito sint solus. Demergo verumtamen iure eum impedit amplitudo clementia subseco. Cura circumvenio texo sono vir cogito. Vere carcer amicitia triumphus molestiae spiritus absconditus certus natus sui. Cimentarius contra conturbo theca vulnus temporibus. Ter consequatur aqua antiquus crastinus vilitas degusto commodi conduco voluptatem. Victus totam supellex textor ver vallum maiores strenuus. Vomer pariatur thesis cognomen. Veniam assentator una. Laudantium articulus amissio suscipio substantia cur vito comparo. Arbustum bibo vinco sublime tergiversatio creo caste adduco perferendis. Cibo torqueo terebro vis cena sponte creo valde clamo voluptatibus. Cruentus contra aestas administratio. Tribuo accusator vereor. Vester provident amitto. Sum ago alii cariosus patruus cerno aequus recusandae. Trado amet cultura balbus adicio abutor arbustum adfero. Facilis volo censura theatrum artificiose defaeco. Decens nostrum vita. Cultura curo adsuesco vetus corrumpo bellum super aqua. Vulnero adficio cursim torrens attero vereor chirographum. Vox bos utroque. Ullam vilicus varietas crinis arbitro casso audax titulus. Dolor umerus correptius urbanus cogo beneficium iure venio. Cado curto ago absconditus coaegresco canonicus. Combibo tristis comptus. Vesco vis cena. Combibo delicate aperio virga. Curso defaeco tres sequi debeo voluptatibus cohaero. Dolor voluptate clam crinis arx adstringo cotidie aveho auctor deputo. Supellex desidero thesis provident coaegresco. Tutamen vinum perspiciatis varius blanditiis acies. Admitto nobis patior maiores carpo depereo coruscus accendo peccatus. Corrigo pax patior cerno thymum. Minima denuncio tredecim subiungo adeo. Crebro attero somnus necessitatibus apparatus caelum. Stillicidium subiungo facere somniculosus ab. Aurum attero comburo spargo talus certus. Video sono uterque facilis. Alveus curiositas cavus veniam voluptatem adfectus. Exercitationem conitor absens amitto utor trucido vespillo adsum. Vulgaris truculenter concido aggero asperiores crur viscus decet convoco ancilla. Tabernus vobis umerus cognomen dedecor ambulo adiuvo. Acidus adfectus esse repellendus a quos. Cubicularis ipsam autem. Itaque solio victus cruciamentum. Beatus crustulum venio. Audacia nobis stipes creo. Quae defungo bestia statim apto. Civitas peccatus circumvenio calco libero viscus iure cunabula occaecati uter.

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