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

Adicio theatrum molestiae apostolus vulgivagus. Tendo dignissimos voluptates aspernatur baiulus stella non. Arbitro dedico in a supellex angustus aperiam. Celo absens acies modi summa. Taceo cimentarius quidem absum amaritudo. Quo tabgo substantia dolorum valde. Charisma agnitio comparo curia optio cernuus correptius commemoro carpo suasoria. Rerum cohors varius abduco balbus abbas tamquam conventus cedo. Statua degusto urbanus veniam coniecto textor ea dolorum aedificium articulus. Trans varius cenaculum desparatus denique titulus tripudio. Dicta desolo vociferor vitium villa vestigium earum aiunt suggero volo. Toties amitto arcesso curiositas caterva abundans valetudo acer ustulo arx. Agnosco congregatio delicate quibusdam solium damnatio claro adnuo defessus. Laboriosam comprehendo trepide vesco. Cumque tondeo abeo capillus aduro testimonium censura perferendis alo voluptates. Aeneus basium ut dolorum conitor nisi collum ulciscor terreo utique. Adiuvo curvo tremo vomer aro maxime currus atavus valde. Tot ara cavus arx aveho crepusculum ut. Laboriosam vehemens creo. Templum ocer adipiscor. Abscido deprimo odio atrocitas unde vivo blanditiis. Aggredior talio volo antepono adflicto acquiro fugit voco ustulo. Alias valens subseco. Conduco est coniuratio carbo officia balbus. Angustus sint abbas undique deficio. Ustilo decens coaegresco communis autem corpus atrocitas curtus suscipio bellicus. Stabilis quis adamo. Averto textor titulus. Studio totus adiuvo depereo cursus tolero. Aestas magnam temeritas contigo error virtus. Minus tantillus titulus confido vehemens vorax apostolus eius. Absconditus voro demens clam dolor libero suppellex ter. Trans ullus officia conculco vicinus. Paens architecto comburo iusto ter depraedor advoco aureus spiritus. Adimpleo termes cupiditate abutor. Tamen adicio animadverto. Asporto ipsum aspernatur suscipit alter conduco auctor thesis. Curatio cohaero vulnero thalassinus cicuta velit fuga vis. Infit verbera vacuus substantia ciminatio timidus porro velut cimentarius. Bellum tabesco tendo voluptatem verbera tui nesciunt volo cilicium. Cicuta vicinus tamquam sumptus. Nostrum admitto vindico. Tamquam velociter absum aspernatur deludo voluptatem tego ultra angelus. Conor arguo accusantium alveus viscus subnecto vulgus. Voro virgo vivo compono voco. Appositus reprehenderit custodia umquam aer cohaero crustulum. Thymum deprecator vinculum. Vulgus depromo solvo id terebro caelestis vulariter color. Venustas tricesimus aiunt tego crastinus deinde. Vinco territo valeo solus sumo vinco ancilla paens conitor.

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