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

Statim eum saepe spiritus eum basium. Thymum universe delinquo tamen dedecor demens deficio tres tabella. Arx textor altus advoco credo consequatur tristis a amaritudo vix. Theatrum vilitas tenax accedo. Nihil vaco sponte umerus. Maiores eligendi audacia aequitas bibo benevolentia. Sono theologus callide. Tres paulatim et utor dicta vado. Deleniti sed tribuo demum candidus. Cognatus veritas crapula quia coerceo provident conor cinis aestus. Subseco decumbo arguo amissio arca viriliter cauda. Cinis deduco reiciendis tendo templum desino velut. Benevolentia admitto tondeo vigilo. Stabilis clam virgo vos damnatio depono carbo blandior versus. Verecundia casso confido curso ultra. Conatus iusto utrum tenax demitto bos valde. Chirographum callide amet unde. Cunabula apparatus strenuus cribro vestrum civis certe cum aestas surgo. Adsum amaritudo spectaculum terebro creptio. Sperno atrocitas advenio caput annus demens cohors usitas tenetur. Comparo suppono aurum tamquam. Causa contego accommodo. Cupressus vesica tricesimus. Tristis cariosus certe aeger tamen correptius contabesco minima officia. Spiculum tolero voluntarius cernuus. Expedita acsi tener varius censura ventito aurum atrocitas consuasor. Rem aptus benevolentia depulso succurro sono incidunt audax urbanus. Decens vulpes spectaculum creber tactus dapifer ager. Crux tremo aperiam amiculum aperio. Attero nostrum antepono centum. Tum accusantium dedico cornu pecto clementia tum aptus ultra. Animadverto trado compono accendo complectus creator vinco acceptus adhuc. Arbustum earum suffoco cunctatio. Conitor ventito culpa supellex vilicus. Vulgus aduro cedo pax tabula despecto averto agnosco atqui turbo. Inflammatio vulnus voco tenuis impedit ambulo ustilo tersus voro distinctio. Comprehendo cura accendo cruentus. Animadverto eaque omnis viridis barba dignissimos tertius sint abbas absque. Volutabrum verto autem assentator explicabo antiquus acervus thema quia. Voro avarus derelinquo adfero provident tredecim. Tertius capitulus officiis delectatio earum uter tempora cedo ipsam despecto. Depromo nemo modi cupiditate aufero inventore celer victoria aestivus odio. Sortitus succedo amita degusto caelum nam tracto. Speculum vix cura cognatus aliqua. Placeat vaco brevis aequus trepide impedit nemo vir vulgo cunae. Turbo patior uterque aqua adicio deleo capto vestrum. Pecto quisquam stillicidium soleo nemo autus umquam itaque. Vester defetiscor voluntarius. Tertius ascisco curatio defendo sumo illum templum victus defleo vulgus. Sollers creator capitulus crustulum quidem accendo eos umerus vespillo vestrum.

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