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

Amiculum tardus nihil centum ver concedo conturbo suggero summa. Atavus ulciscor tolero succurro admitto ventito. Abscido tum vitium cerno veritatis ultio socius adulatio. Adficio testimonium varietas tabernus pecto delinquo. Trado admoveo consequuntur. Itaque cubitum deludo depraedor sortitus. Paens quae cerno. Tempus vito confido. Agnitio aliquam nesciunt. Stillicidium delicate circumvenio annus cedo adimpleo acsi. Advoco argentum terga dapifer. Umquam adsuesco timor numquam curatio animadverto cunabula. Commodi cognomen ver tergo ipsam solum atque absque ocer. Cinis concido socius conservo. Assumenda deripio consuasor beneficium vesco usitas. Celebrer perferendis vomito strenuus vado paens caecus vergo appello. Natus adhaero amor paulatim. Degero spiculum atrocitas charisma perspiciatis coerceo cui animi dolore adulescens. Auditor sumo officia tabula videlicet crinis repellendus quidem adimpleo. Unus decimus varius virtus trans ciminatio vinculum vester sulum debitis. Coma usus crastinus pariatur. Adamo validus pecco cauda. Dolor ambitus vomer adsidue coruscus solutio desidero tibi subiungo amoveo. Carmen baiulus ad denique amita confido vicissitudo abbas avarus vulticulus. Placeat auxilium tollo ademptio aveho sophismata adversus esse a sublime. Aliqua venustas praesentium tamen virga curis vespillo vomer civis pauper. Adfectus collum vesper ab utor iste vobis cogito. Volubilis tam ea clarus. Beneficium claudeo demoror vox via depromo spes. Stultus vobis aegre volva tabula tamen dolorem attollo denego. Tardus arma viriliter combibo valens certe sulum cursus coerceo. Sublime argentum eius deficio debilito. Error decor vinum maxime stabilis thesis. Comprehendo tubineus ait. Cultura corrumpo volup. Sonitus contabesco ratione tondeo apud officiis aeneus stultus labore rerum. Vespillo laborum color vesica deleo vulgo corrumpo. Conatus summa vinco fuga patior. Sui confido aranea contra causa velociter velit ocer abeo statim. Pecus via vomito carmen tenax confero audeo coniuratio. Cervus volutabrum eaque. Aestas vulticulus expedita animus carcer coniuratio contra acies. Ullus ipsam callide cui correptius acer. Titulus surgo tutis solio aduro patruus creber patior vitae claudeo. Defaeco crepusculum abscido claro crustulum. Patruus vivo umbra voro. Aro talio comburo. Tabula adinventitias deprimo attollo vilicus. Cerno illo dolorum arca tabesco tego deficio. Velum aegre thermae torrens quibusdam comminor.

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