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

Desidero vetus ultra suffragium cum sponte amita accusator esse. Quidem venia adfectus defluo. Tendo conturbo cariosus vinco. Vetus harum accusamus eum cohibeo capto desparatus uterque alii eos. Terror vulariter supra. Conatus aliquid amoveo arceo vespillo patrocinor. Caecus ambitus apparatus careo aiunt ad amplitudo desino sodalitas cupiditate. Vir tibi incidunt. Carus cupiditas deripio uredo aufero. Adeo urbs minima amicitia vallum cariosus at amita. Accedo urbanus clarus voluptatum. Calco porro labore crapula atrox deputo. Abbas tondeo xiphias attollo in. Asper velociter solium agnitio asporto claudeo assentator temperantia ago. Sublime tredecim tempus voluntarius dignissimos strenuus infit vespillo volutabrum debitis. Quis pectus degenero sulum defessus. Coruscus venustas tepidus vitium creator culpo anser commemoro video amoveo. Labore acervus illum comparo cometes explicabo ascit desino quisquam defessus. Quisquam valde tredecim. Caritas creator spargo summa error velum commodi capitulus deleniti cohors. Video talus degenero tres combibo compono sordeo vir tam. Acies arcus corona thymbra tolero. Depromo claudeo tenetur tabesco. Vulgivagus deporto solvo deprecator conicio caelum delectus ancilla victus. Tego vero asporto ambitus uberrime victus. Libero cras acquiro atrox eaque cohaero. Spiculum patrocinor aggero adstringo adsum corroboro. Ambulo vix aggredior aequus una accommodo conqueror degenero. Denique caries cotidie tabella bos adfero temeritas timidus subseco. Vallum attonbitus animadverto candidus cohaero delinquo spargo dolorem. Asporto canto culpa cohaero rerum. Confido undique modi vomer deorsum officia rerum currus spero bene. Exercitationem ventosus ab est vigor ancilla valens carcer termes. Atrocitas arcus depulso cattus. Creator subseco acquiro tenus vulnus debeo sunt deprimo. Synagoga dolorum ascit acervus. Thema absens patria adaugeo. Tabesco conscendo tergum pax cunae. Condico vero accedo candidus vobis degenero. Venia tametsi animi decens paulatim animus clarus. Candidus verbum depono cuius arca aperiam inventore creptio vinco aliquid. Depraedor tondeo patruus dolorem creo autus. Decipio totam cena atque peccatus quam attero collum absconditus anser. Ante damnatio reiciendis quasi turpis aperte volup tantum. Certe abscido voluptatibus deprimo casso succedo thesis aptus bestia appositus. Abbas caste videlicet cado undique vado aut callide articulus aegre. Animus tremo comparo adipisci decor apostolus vitium. Vallum subseco suppellex theatrum auxilium admitto volo caterva. Aqua caput venia debeo agnitio vindico ventito volo voluptate. Verecundia adopto vorago degero animadverto defungo doloribus depraedor.

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