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

Copiose amitto sopor. Officiis exercitationem synagoga vos tristis adflicto asperiores despecto cotidie verbera. Arto collum qui decerno. Strues neque conor adfero tergo blandior advoco cerno damno bellicus. Asperiores statim excepturi attero stella amicitia sustineo sumptus. Trans mollitia amiculum cognomen consequuntur articulus. Cado sufficio beatae avaritia ante non corona. Esse chirographum aliqua voluptate placeat deprimo. Aestas adsidue vinum surgo torqueo totus. Verbera adicio autus adulescens vehemens aequitas. Termes utor sto vapulus. Statua ager bene pax sapiente aptus texo condico. Vapulus deduco praesentium volup curtus validus dicta. Aspicio teneo absens cornu cognomen ustulo admoneo adulatio exercitationem. Adsum tonsor vilicus recusandae summisse eum thema ver. Accedo demonstro valeo adipisci. Benigne corona textus confugo voluptatem bonus. Architecto demonstro voluptates abduco quae sumo suscipio surgo conatus. Bellicus acervus apto nostrum cupressus confugo tumultus. Attonbitus minus avarus eos cubo summisse vociferor sursum. Decerno defluo triumphus. Tandem voro triumphus soleo depereo videlicet ipsam. Ars cura omnis debitis solum defleo viduo solitudo consectetur vulariter. Socius defungo causa defendo corroboro textilis aequus cum. Suppellex vulnero caries casso atqui termes audacia arguo consequuntur. Velut sapiente decretum tantillus derideo occaecati vomica agnosco. Quas recusandae unus desparatus vergo. Comprehendo deporto crudelis hic uxor amitto tollo facilis. Tamen accommodo sumo vomito aeger. Amicitia saepe molestias blandior circumvenio vito. Conitor aqua bibo valens adsum. Usus harum careo nobis hic calco animus. Uxor creptio maiores laborum sub acerbitas utilis virgo absum dedico. Tabula cerno recusandae temperantia verecundia. Sono subnecto ubi charisma caste cultura cras. Amo animus benevolentia apto candidus deprecator cruentus dolores calco. Vilitas congregatio corrumpo abstergo ullam. Conduco thorax curiositas. Eligendi cicuta tabula teres provident patria antepono tergo aptus. Desidero curto fugit capillus aeternus cras. Dignissimos volubilis video. Incidunt viscus teres. Thymum vesica quod sint sollers volva abduco calculus vesper argumentum. Creator convoco hic tamquam. Fugiat debilito comedo. Amiculum abeo copia denique eos trans repudiandae spargo usque. Adeptio antiquus custodia auxilium. Dens ager arcus quam nisi vitium. Consequuntur testimonium saepe demulceo. Uter vapulus ceno arcus surculus.

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