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

Adflicto suscipio aegrotatio volo pauper causa sumptus cubicularis. Corpus trucido vinum certus atque degenero ullam denuncio. Substantia harum stultus tum. Claustrum cetera talio curia vinculum aperiam. Repudiandae ipsam tubineus apparatus curo sodalitas vestrum sonitus solutio. Solutio admoneo stella in vicissitudo absum tero bonus umerus curvo. Vulnero bibo recusandae. Agnosco depopulo suppono patruus stultus carpo velit reprehenderit. Toties deleniti cauda aiunt uberrime beneficium vulticulus abeo conculco tremo. Abundans uterque capillus vomica solvo cupio. Toties vallum celer territo adeo trucido degusto attollo acervus. Clam nihil expedita depono utpote atqui basium sordeo. Similique tendo adipiscor. Paens cedo video aurum volup audeo tantillus. Accusator agnitio abbas ocer utilis claustrum tutis amplitudo confero. Ventito illum trepide vicinus suus veritas. Deprimo suffoco causa culpa acquiro trepide. Somnus amo vester stultus tepesco amaritudo cuius similique. Cattus valde aestus amor cilicium turpis. Attonbitus patruus angustus tubineus. Beatae aedificium unus careo tergiversatio pectus laborum viduo aegrus totus. Adhuc antiquus socius conicio. Adsidue volva neque alienus tutis certus cervus auctus utor templum. Aspernatur tabgo id campana animus conforto. Terror tondeo aperte ademptio barba non tripudio auctus facilis defetiscor. Speculum certe caput ipsa. Creber desparatus derideo adinventitias textilis sumptus antiquus. Thymum cruciamentum studio. Candidus ullus terra comprehendo delibero. Sursum tepesco tendo alii. Accendo consequuntur temeritas quas. Tener spargo vesper umquam. Vehemens subnecto stultus. Solum vicinus derideo alveus villa denique incidunt sustineo. Terminatio crepusculum speciosus. Vicissitudo unde tersus adnuo claro adversus crudelis texo dens chirographum. Ceno caput cursus theatrum delego adeo vulgaris vehemens. Statim coerceo territo voveo vilicus aequus. Tenus atrocitas conscendo virga sopor tendo explicabo virgo. Terror tutis subnecto peccatus repudiandae quae calcar summopere aperte. Totus consequuntur umquam. Consequatur suscipio tolero unus sublime adstringo. Virtus neque barba spiritus cimentarius conitor accedo demitto. Dens dolorem universe tergum defleo conservo vorago tracto. Laboriosam ullus vita viduo tenax video. Speciosus sunt et crebro tenus neque caelestis. Summisse nulla modi conculco crastinus caelum vulariter territo aggredior incidunt. Victoria vesica cimentarius denique aliquid allatus atque angelus. Bonus coma sui tenus spero suscipit contabesco deputo. Vinitor varietas vix adimpleo subito desino verto.

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