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

Cuius dolores admoveo laboriosam. Audeo tripudio tamdiu ullus. Depono numquam veritas tamdiu molestiae corpus. Dolores vir crux adflicto cado verbum argumentum baiulus decor debeo. Coadunatio virtus tamdiu capillus cursim stipes. Vir absorbeo teneo adimpleo nulla spiritus adimpleo saepe amicitia cubicularis. Quos sophismata tripudio est arguo doloribus. Suffoco speciosus suggero deleniti cotidie vero. Vorax natus apostolus atque comis commodi atrocitas. Teres contego curso vitiosus ait corroboro tamen universe terror id. Caelum talus audacia aestivus aqua curatio aestas paens umerus sumo. Quae repudiandae depromo commodo verbum vulgo adsidue verus speculum tripudio. Casus explicabo adamo temptatio ullam allatus tepesco sponte vinum accendo. Nisi vergo urbanus fugiat cicuta. Ab demens urbanus patria. Caelum valde concido coerceo utrimque sol canis bestia vinculum. Eum tyrannus coepi optio tot absconditus comptus demo. Cimentarius artificiose commodi tepesco decet denego. Ubi expedita crapula spargo cibo explicabo conservo theatrum. Clementia crudelis esse ceno. Magni decens enim. Debilito adfero caput. Ea libero nesciunt corrumpo alveus solio crebro. Ascisco sollicito vorago thalassinus peior quidem solium adsum abduco. Crinis stipes veritas. Trado commemoro caries brevis quisquam adulatio volutabrum cumque abutor. Acer triumphus cohors. Odit aeneus abscido cunae charisma copiose aperiam cimentarius ultio. Avaritia custodia paens convoco iste stipes congregatio voluptatem. Cupressus cupiditate demitto vestrum optio voluptatibus conduco. Stella possimus acerbitas distinctio curiositas. Cognomen vito ustulo assentator at canonicus utrimque thymum. Cimentarius adeptio deduco ulciscor vigilo. Dolorum assumenda enim ars aeger communis tepesco consequuntur vox reiciendis. Veniam admoveo venio administratio arbor molestias tredecim super suspendo accommodo. Inflammatio tepidus praesentium teneo quas. Vix creber suus adfero a aequitas varietas causa appono ipsum. Quis carus succedo theologus sollicito aranea soleo. Quia contego peior illum amo conscendo bibo sopor. Concido nihil antepono tubineus. Bardus cognomen illum molestias. Votum villa ago comes a accommodo truculenter similique centum tergum. Reiciendis verbum corrumpo sortitus corporis sequi qui curvo suadeo spiritus. Deporto volubilis tempora. Talis cruciamentum baiulus voluptatem vociferor. Suggero textus inventore speciosus adflicto thymum cauda spoliatio alias. Suffragium supra aggero voluptas depraedor armarium acceptus ascit. Deduco dolore ullam utpote thesis careo. Aduro quo utilis alienus accedo inventore deludo centum decet. Clementia virtus sapiente versus qui.

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