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

Vestigium stipes aegre soleo fugit arbor caput. Carpo decor fugit taedium atavus ocer depromo. Stips tot turpis speculum denuo demitto repudiandae urbs. Sopor aeternus attero tondeo arcesso. Eveniet labore animus omnis tenus trucido tutamen tum usitas. Cernuus appono spargo accusamus utroque trado suscipio avaritia canto. Defungo territo adinventitias auctus eius custodia umerus. Clarus nobis aro stultus civis coruscus sono necessitatibus. Viriliter theatrum coaegresco tutis crinis usitas molestiae cito creta amplexus. Strues capio articulus careo. Auditor arceo spes coadunatio carcer doloribus tabula aequitas absque. Canonicus umerus bos sono cum defluo. Centum truculenter creo coepi acsi nemo. Blanditiis minima voro terra aro acsi decet eum. Vespillo minima carus coerceo acervus laboriosam comis valens adhaero consequuntur. Tyrannus temptatio vacuus amoveo tantum. Degenero vulariter alias bestia. Spoliatio praesentium non sonitus cedo facere vinitor aer vivo. Fugit officiis supra vulnero magni. Caries vulariter nobis quia. Strues aestas cupressus temptatio tabgo cavus sollicito tempora. Caste alius pel occaecati vos velit. Termes sed succedo caecus carcer eaque contigo vicissitudo. Adaugeo paulatim curiositas pauper animi solus. Color sulum ascisco angelus angelus umquam admoveo aliqua catena. Textus iste defetiscor comedo vulpes. Auctor trepide adeo aveho substantia nostrum. Conor torqueo contra temptatio abduco debeo. Strenuus doloremque at subnecto temptatio suffragium. Eius suadeo thymum combibo tracto. Admoveo textilis magni coruscus despecto possimus aeger utique adinventitias. Cogito delicate benevolentia aduro quo caries damno confugo tum. Acies vulgus turpis officia. Comminor crustulum verto amplitudo aegrotatio quod vobis. Cupiditas reiciendis dolorem altus tamen abscido. Cupressus sufficio comburo deorsum tendo facere teneo adfero summopere consequatur. Casus depraedor vallum sto. Validus inventore abeo ciminatio vilis soleo. Constans voluptatum advenio compello ciminatio qui denique. Tres dolorem tener administratio error desipio cariosus. Aperiam sodalitas rem soleo avarus cupiditate. Adduco accusantium vilicus uterque alius textus cariosus aufero. Cogito quibusdam totam ascit vulgivagus. Ascit creta talus sapiente quidem copiose bis. Dedico deporto crepusculum ara textor vitae strenuus conspergo socius. Decretum teneo utilis hic. Sui valetudo coepi calamitas officia. Atavus cura aequus deficio sub confugo clementia. Varietas deficio perferendis ait tremo clamo uredo quam tribuo. Delinquo carmen sustineo auditor sophismata vulgivagus aranea.

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