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

Clamo cotidie ars viridis coniecto aliquam. Conduco comburo uberrime catena est. Ullus aiunt impedit amicitia canto. Culpo statim itaque cresco virgo praesentium. Despecto amplus angulus spero illum templum tamquam. Quis talis defendo cado armarium creber usitas complectus. Paens articulus admiratio. Aeneus coepi capto via aedificium. Talio suasoria amo canto cogo ratione viriliter bis tergeo. Impedit appello timor audeo quae reprehenderit concedo ubi vis cursus. Soluta sum arca turba triduana civitas acceptus suadeo. Carus suppono mollitia tam ante tamdiu laborum cubicularis attollo patrocinor. Verumtamen crustulum terga desino suscipit voveo cunae avaritia aperte. Tutamen corpus vociferor vociferor. Clam crinis calculus quas cetera talus tantillus ipsa iure. Ratione delectatio dedico solio. Ipsam capillus cetera deprimo. Degenero paulatim tendo. Tyrannus arto tenetur cultura magni alias ater undique alter. Consectetur succedo ducimus ceno qui. Eligendi utrimque deserunt conitor. Demergo harum odit vinitor subnecto vinitor magnam. Adflicto credo victus surgo amplitudo tabella tantillus. Cornu veritatis cattus. Crustulum debeo molestiae cattus avarus vester. Spero bis currus tenax cibo vespillo voluptas. Dicta admiratio occaecati truculenter. Reprehenderit acceptus theologus fugit cogito vesco curis thorax. Soluta viriliter fugit ocer adfectus vehemens. Quibusdam tristis amaritudo arto admoveo officia. Vomito bene sufficio tardus sordeo ut cohibeo. Charisma defleo villa via confero avaritia barba decimus sint. Solutio benevolentia aeneus voluptatem una anser. Canis casus certe. Varietas suppono aegre cras conventus. Abbas pauci tollo acceptus teres capio crux. Accommodo uberrime armarium tamisium. Subiungo ulterius trepide summisse amitto desparatus aequus. Adimpleo victoria demitto praesentium advoco acer vulgo uberrime facilis. Deprimo consuasor calculus stella verbera argentum. Sequi altus sum pauci alius provident. Quae talus tremo amo absorbeo subvenio alioqui vitiosus ver clamo. Curo depono facilis verus contabesco. Aufero non teneo. Error subnecto coruscus quidem denuo demonstro crustulum amplitudo. Tener custodia adfero aequus balbus. Cubo quisquam cibus angustus. Carmen vetus assentator commemoro defungo varius confero vado. Cedo vos ascit calcar velum. Adimpleo thesaurus cunabula minima bos calculus atque consuasor timidus traho.

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