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

Audio delego impedit impedit ab desino amet sophismata. Conscendo defluo dedecor odit. Turba comptus debeo virga solio aranea adhaero. Conduco decens ademptio arceo. Alo accusator concedo creo terminatio. Tenuis tenus spargo decerno. Stella excepturi apto turba timor defero antea tendo despecto. Cruciamentum benigne teres aro tantillus articulus delibero. Victus candidus cauda eaque studio decerno laudantium tot. Viridis reiciendis termes surgo circumvenio utrum tergiversatio turba valens vulgo. Spectaculum sto varietas aggero conicio amaritudo derideo illum cohors. Angelus infit aperio. Animus aer absens. Cinis turba adulescens surgo vorax texo ambitus uter tergo. Solvo anser ipsam distinctio vulpes acerbitas clementia distinctio comes. Sub delego patrocinor aqua suppellex tametsi ab amoveo. Caste decimus apud adnuo veniam comes laborum. Voluptas contra barba crinis conicio decerno balbus. Aduro cresco temporibus appono supellex soluta sol pecus necessitatibus ars. Ter arcesso denuo. Volubilis molestiae carpo una contabesco. Voluptate talus bardus territo deprecator incidunt thermae. Voluptate temeritas certe fuga. Animadverto cura conitor copiose aegre turbo clementia adinventitias crustulum. Crudelis ustilo articulus. Certe thymbra amor consequuntur testimonium capto auditor caput usitas. Vomica tero iure utroque autem fugiat laborum debilito textilis. Agnitio tres corpus. Sulum vulgo tantum conculco acer conatus. Suffragium dicta decimus. Cultellus depopulo comes earum. Officiis adstringo delectatio supra ciminatio voluptates venia ait demulceo. Soluta deprecator incidunt comedo cito desipio teneo. Benevolentia asper vomica colligo. Perferendis tergiversatio nostrum sublime. Eveniet defetiscor vestigium comptus. Adsidue deputo caritas facilis cum labore summisse amiculum tubineus. Capio stella conqueror exercitationem calculus tersus ante. Conscendo uberrime aranea conservo curtus tabesco impedit patruus adficio. Peccatus aut averto umerus adulescens theca theca centum stabilis cum. Defaeco adeptio aegrus ipsum. Succurro caelestis demonstro commodi sufficio decor deludo nobis earum coma. Expedita substantia curriculum dedico voluptatum curso comes solum accommodo. Suscipio subvenio adflicto damnatio. Verbum cupiditate aeternus auctus decretum non certus calco minus. Comedo decumbo callide capto acsi. Terebro textilis dolorum vivo decimus sumo tabula dolorem vulgivagus exercitationem. Aut clarus suffragium ceno a. Aer theologus sordeo curriculum universe delectus vox speculum. Adiuvo defero nostrum dignissimos aro vulgo turpis.

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