Code - Elements - Spectre.css CSS Framework
Author: Yan Zhu
Description: Code is used for styling inline and multiline code snippets. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.

PayPal GitHub

## SPECTRE

DOCS
Getting started

- Installation
- Custom version
- Browser support
- What's new

Elements

- Typography
- Tables
- Buttons
- Forms
- Icons.css
- Labels
- Code
- Media

Layout

- Flexbox grid
- Responsive
- Hero
- Navbar

Components

- Accordions
- Avatars
- Badges
- Bars
- Breadcrumbs
- Cards
- Chips
- Empty states
- Menu
- Modals
- Nav
- Pagination
- Panels
- Popovers
- Steps
- Tabs
- Tiles
- Toasts
- Tooltips

Utilities

- Colors
- Cursors
- Display
- Divider
- Loading
- Position
- Shapes
- Text

Experimentals

- 360-Degree Viewer
- Autocomplete
- Calendars
- Carousels
- Comparison sliders
- Filters
- Meters
- Off-canvas
- Parallax
- Progress
- Sliders
- Timelines

### Code#

Code is used for styling inline and multiline code snippets.

#### Inline code#

    <!-- inline code -->
    <code>code</code>

For inline code, you can use the <code> element.

#### Code snippet#

For multiline code snippet blocks, you can use <pre> with the `code` class as a container, and add <code> inside it. The `data-lang` attribute is rendered as the language name in the top right.

    <!-- code snippets -->
    <button class="btn">
      Submit
    </button>

    <pre class="code" data-lang="HTML"><code><span class="com">&lt;!-- code snippets --&gt;</span>
    &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn&quot;</span>&gt;
      Submit
    &lt;<span class="tag">/button</span>&gt;
    </code></pre>

GitHub · Twitter · PayPal Donate · Patreon Sponsor · Version

Designed and built with ♥ by Yan Zhu. Licensed under the MIT License.