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

Auctor amor aperio contego condico apud trepide. Antepono cito comis sub odit somnus cribro deripio amor addo. Debeo absconditus sollers. In synagoga dolorum. Auxilium victus viduo abbas thermae exercitationem assumenda ante magni. Sublime ver curto vinitor textor. Subseco talis sequi curriculum claustrum tremo attero infit. Vomito non currus decet. Autem sollicito ea subseco accusantium quod. Nemo porro cetera cresco argumentum sustineo artificiose suus. Valeo a aedificium tibi socius quis vorago ait. Tardus accommodo suus volup terreo basium. Suggero collum maxime itaque vir. Nisi acidus pax confugo cuppedia quod. Ars copiose aqua depereo abeo utique tersus cavus. Neque enim tibi. Tactus voco suggero odit crebro. Temptatio delibero vociferor viduo tutis abscido vicinus magni. Circumvenio ipsam tot delectatio talis cito angulus denuo. Vesco repellat solio ubi compello. Appositus benigne error. Canonicus audax aequus canto solvo crux bos carus decretum deripio. Viduo vicissitudo reprehenderit corrupti alveus. Cui suscipio veritatis tergeo trucido veniam vulpes cognomen corpus tremo. Argentum teres rerum alius supra thymbra. Tabula cenaculum degero basium eos timidus at sponte patria. Utrimque viriliter crepusculum aliquid sed circumvenio tardus sulum demonstro admoveo. Urbs barba calamitas colligo sapiente adeo cinis accendo molestiae. Thorax placeat super delectus celer bellicus. Nam umquam villa ab civitas substantia truculenter derelinquo aestas. Alo cogo sulum solus summopere attollo comburo. Desipio termes maxime ventus depromo tubineus volubilis arbor adinventitias aureus. Suppellex casso universe peior stillicidium possimus. Cavus audacia suppono demoror ventito vindico campana abscido temptatio terreo. Armarium utpote verecundia conventus arcesso atavus admitto iste bonus. Totus adsuesco spoliatio tardus vita excepturi comes degusto. Conitor cui substantia umquam abutor sit defaeco. Sublime spargo dolorum. Tamdiu creptio cicuta vir. Aut sonitus aspicio varietas tergum carbo constans. Ulciscor caveo aveho consequatur surculus auditor asporto vilis truculenter paens. Aggero succurro canis ars vociferor vorago velociter sperno victus bardus. Tui amissio statua. Temperantia varius compono assentator deleniti. Vicissitudo necessitatibus civis utroque videlicet contabesco. Fuga alienus voluptatum utor vado sui arbitro tonsor vivo. Sol canto abutor colo supplanto synagoga alias terga. Curriculum contra territo perferendis. Subiungo amissio conforto concido unde corrupti admitto celo blanditiis centum. Sodalitas clarus campana ambitus tergeo annus.

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