@fxbar/styles
Version:
A drop-in classless stylesheet for consistent and clean design.
62 lines (46 loc) • 1.91 kB
Markdown
# @fxbar/styles
A drop-in classless stylesheet for a consistent and clean design for base layout.
## Coverage
### Tags Within Scope
The following HTML tags are styled within this project:
- **Typography**:
- `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>`, `<p>`, `<mark>`
- **Links**:
- `<a>`
- **Code**:
- `<code>`, `<pre>`
- **Blockquotes**:
- `<blockquote>`, `<cite>`
- **Lists**:
- `<ol>`, `<ul>`, `<dl>`, `<li>`, `<dt>`, `<dd>`
- **Tables**:
- `<table>`, `<thead>`, `<tbody>`, `<tfoot>`, `<tr>`, `<th>`, `<td>`, `<caption>`
- **Images**:
- `<img>`
- **Disclosure**:
- `<details>`, `<summary>`
- **Forms**:
- `<form>`, `<fieldset>`, `<legend>`, `<label>`, `<input>`, `<textarea>`, `<select>`, `<optgroup>`, `<option>`, `<button>`
### Tags Left for Optional Extension
The following tags are available for optional extension:
- **Layout**:
- `<main>`, `<section>`, `<header>`, `<hgroup>`, `<footer>`, `<aside>`, `<article>`, `<nav>`, `<menu>`
- **Markups**:
- `<abbr>`, `<small>`, `<kbd>`, `<samp>`, `<sup>`, `<sub>`, `<time>`, `<del>`, `<ins>`, `<em>`
- **Dialog Elements**:
- `<dialog>`
- **Embedded Content**:
- `<iframe>`, `<figure>`, `<figcaption>`, `<video>`, `<audio>`, `<picture>`, `<object>`, `<source>`, `<track>`, `<canvas>`
- **Forms**:
- `<input type="range">`, `<input type="file">`
- **Indicators**:
- `<progress>`, `<meter>`
## Usage
To use this stylesheet in your project, include the following link in the `<head>` section of your HTML:
```html
<link rel="stylesheet" href="@fxbar/styles/dist/index.min.css" />
```
## Contribution
Contributions are welcome! If you have suggestions for improvements or new features, please feel free to submit a pull request or open an issue.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.