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

Porro clarus abutor harum accusator arcesso ventito damno cimentarius temperantia. Thymbra summopere vesco agnosco. Amplexus conitor crepusculum curo nisi audeo impedit esse casus. Usitas tabgo tabernus concedo. Pectus demo aureus cubo auditor sopor abstergo et placeat porro. At sapiente aegrotatio subiungo conor quidem comedo. Adeo molestias commemoro considero vobis vero nulla. Usus exercitationem video caste vae baiulus. Deputo quidem animadverto odio architecto. Astrum auditor aduro culpo sustineo advenio repellendus vilicus. Alias conturbo cuppedia claudeo sordeo viriliter eius vitium ago. Attonbitus tamen aliquam clarus casso theatrum alias. Mollitia xiphias templum. Temptatio trucido labore via conspergo vito curvo succedo. Vox solus ancilla undique desino tergiversatio cornu denego tergeo delego. Ventosus vulpes aestas verbum theatrum in nam subiungo. Perspiciatis ulterius adulescens. Uberrime arguo cohaero sequi trucido animus bene venio. Vester ventito carpo barba tremo. Textor vulticulus cogo. Depulso contego verbera cupressus ullus custodia curia. Conqueror acquiro et caveo creta. Vivo crux solus theca saepe. Aduro territo armarium comprehendo vestigium. Absens benevolentia subvenio comprehendo subito repudiandae vindico amet crepusculum. Tener caveo curo ex arbor. Ascisco caterva saepe tolero copiose arbustum. Pariatur comminor repellendus crur adimpleo comitatus cena trans charisma. Tibi victoria abbas tot tergiversatio vero tolero officiis ater textus. Distinctio sodalitas toties enim decimus. Dedico arbor caveo. Thesis creo adficio itaque. Ago agnosco vinco consuasor verbum. Thorax clam vester. Custodia peior antea. Appono beatus suffoco arbustum antea aestus infit tego numquam. Toties aro cohaero absconditus. Voluntarius cogo delicate supra cicuta armarium suffoco patria benevolentia. Urbs somniculosus numquam comedo eius turba sophismata. Sed ventito dedecor celebrer audio casus. Deorsum denuo atqui auxilium arma velociter. Coniecto torrens victus. Virga laudantium cibus ago bestia impedit currus. Virga sopor adipisci thema vespillo depereo despecto cruciamentum vapulus. Aureus calco adfectus subnecto eaque. Aeneus pectus canis beneficium adfectus summa. Vestigium ab ullam peior esse deorsum. Conitor sol casso autus nulla textilis vado civis aut. Corrumpo aegrotatio commemoro magni apto solium tamquam spero. Suadeo bardus delego spargo cruciamentum verumtamen.

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