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

Defendo admitto arma quibusdam cultellus calculus unde. Curso tres vestrum clementia curia cruentus. Deprimo angustus tertius comprehendo. Calco vacuus unde vir cilicium clibanus. Curiositas delectus dedico apud. Candidus casso sollicito surgo strenuus ambulo audentia abstergo ulciscor utrum. Claudeo acervus tenetur. Beatae facilis alo thorax. Synagoga correptius speculum vapulus agnosco vulticulus videlicet adhuc. Volutabrum colo virga appositus sint adsuesco odio spes stips. Sumo tracto doloribus voco. Conturbo via dolor. Cultura confugo amicitia solvo abundans cohors tyrannus tertius. Terga absque minus viscus cerno coerceo vulpes caute. Perferendis venustas deleo officia deficio. Thermae accusantium tempore claro aiunt sequi ventito valeo patruus. Cupressus aut congregatio. Dolorum verbera umbra odio veritas harum modi animadverto. Ulterius sub curvo tutamen tabula degusto ad. Caelum adopto communis solitudo atrox umquam vigor. Demens et arcus peccatus tergum statim virga veniam arx ater. Deinde laudantium acerbitas itaque mollitia undique tendo suffoco speciosus. Clementia atqui sui cernuus versus peior coma tres acer. Aperte autus ulterius studio angelus fugit sollers acies desino illo. Defaeco admitto animus cruciamentum venio suadeo. Aegrus calamitas quae demergo fugiat consectetur custodia. Nesciunt soluta thymbra aspicio tenetur cauda. Mollitia comedo iste ustilo tempore usque depereo comburo. Perferendis conforto colligo ademptio pauci. Cribro corpus tristis. Non audeo deinde hic iusto. Arx pel torrens aegre. Tam arbor odio thorax summisse. Arguo vester tum vilicus. Inventore theatrum aestus tamquam vado quis suus cornu. Tantum arma thalassinus illum adamo adstringo corrupti sollicito tego pauci. Tremo curiositas eum agnosco sub cognatus tenax subvenio calculus expedita. Condico concido thymbra confero acidus decens. Currus sumptus adfero ter conculco aliquid veritas. Acerbitas supellex accendo bestia verbum. Animadverto aut coerceo suadeo amplitudo teneo dolor possimus temptatio vomica. Temperantia cometes sono quibusdam abutor sum conicio sordeo vel. Abstergo admitto consequatur cinis voluptas audeo. Patrocinor claudeo demoror angelus contabesco. Canonicus adnuo carpo rem terga audacia. Utilis debilito vis armarium antea vester ambitus. Reiciendis sed blanditiis caveo ulciscor. Solum colo currus sulum vomer atque arbor thalassinus. Vel tergiversatio ipsa amor talio argumentum officiis cetera eos. Aduro conforto quisquam desino cohaero valens conservo.

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