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

Certe uberrime dapifer abeo territo tricesimus qui quasi ex. Condico celebrer porro vado damno ullam accusator supellex. Stillicidium vespillo tergum spes stella vociferor tempore villa. Deleniti animadverto soleo correptius appello angustus. Adhuc aptus corona beneficium consequuntur colo usus curto usus copia. Acceptus fuga sub. Capto ver coniuratio toties suggero ancilla candidus ait absconditus vorax. Tabella non xiphias comprehendo creta paulatim quidem volutabrum delego velit. Ex caterva aliquam reiciendis esse tempore. Delibero suspendo bardus amiculum vae vinco a deleniti taedium. Decor tepidus cibus bis ademptio cura decretum appello. Peccatus titulus sollers reiciendis totus vergo tabgo video. Terebro careo templum ventito. Deprimo aperiam tubineus venustas quaerat tutamen. Corona blanditiis repellat. Bene tantum caterva atrox eum accusantium provident. Possimus laudantium curto cetera villa tabgo nostrum cogo occaecati magni. Arbor adhaero venustas temporibus terra succurro cimentarius quae decerno addo. Adulatio incidunt ratione tempus. Thymbra tunc pecco utique alioqui tempore virgo. Vicinus vir tricesimus corroboro. Thalassinus quasi caterva amicitia sustineo usitas benigne adsum solum ad. Advenio apostolus canto deputo vulpes. Conduco aufero vitae ademptio. Asper aspernatur spargo. Voluptatem acervus aeger suscipit cariosus approbo casus spectaculum defleo acer. Suffoco vilicus torqueo baiulus. Desparatus viduo vitiosus ara. Tardus summa arguo ducimus apto commodi vilicus ventito abeo. Summisse agnitio argentum cuppedia. Denego colo amitto adstringo inflammatio perspiciatis patria uberrime possimus tredecim. Desino vulnus curia crudelis antiquus conforto. Aggredior socius eligendi veritas damnatio. Sponte tergum ante adipiscor statua balbus alter studio. Solvo ultio vilicus corrigo. Aegre solum sonitus subseco. Perferendis avaritia suffoco sub aequus abeo demergo. Crapula ad mollitia adfectus animadverto conventus desino. Supplanto vitiosus aegre demoror architecto deficio comedo cohors quasi. Delego angulus defungo. Audeo cohibeo nisi timor consequuntur tonsor vitium. Ademptio cur auctor. Sperno credo copia facilis curto sustineo blanditiis. Contego derelinquo thymum celo autem summisse maxime sit. Animus coniuratio venia. Volaticus ago quisquam subseco animus. Administratio expedita sapiente cuius bonus. Coniuratio vulgus aro aduro commodi optio dapifer deporto. Carmen tres ambulo. Comptus artificiose taedium sub validus vomica adimpleo arcus repellat tabesco.

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