@intergrav/dev.css 4.2.1 → 4.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +244 -244
  3. package/badge.svg +16 -16
  4. package/dev.css +525 -527
  5. package/package.json +1 -1
  6. package/theme/boilerplate.user.css +31 -31
package/LICENSE CHANGED
@@ -1,21 +1,21 @@
1
- MIT License
2
-
3
- Copyright (c) 2024 devin
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
1
+ MIT License
2
+
3
+ Copyright (c) 2024 devin
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -1,244 +1,244 @@
1
- # intergrav/dev.css
2
-
3
- [![NPM Version](https://img.shields.io/npm/v/@intergrav/dev.css)](https://www.npmjs.com/package/@intergrav/dev.css) [![jsDelivr hits (npm)](https://img.shields.io/jsdelivr/npm/hm/@intergrav/dev.css)](https://cdn.jsdelivr.net/npm/@intergrav/dev.css/) [![Discord](https://img.shields.io/discord/1262738186338308126?logo=discord&logoColor=%23fff&color=%235865F2)](https://discord.gg/m5tUgaM3uK) [![GitHub Repo stars](https://img.shields.io/github/stars/intergrav/dev.css)](https://github.com/intergrav/dev.css)
4
-
5
- dev.css is a tiny, simple, classless CSS framework inspired by [new.css](https://newcss.net). It is designed to make any plain HTML file modern and responsive. The minified stylesheet weighs only **~5.5kb**. It also has some extra features, such as an optional sidebar and addons.
6
-
7
- You can find the website at <a href="https://devcss.devins.page">devcss.devins.page</a>, which contains a demo page.
8
-
9
- <details>
10
- <summary>Click to view preview</summary>
11
- <img src=".github/static/preview-desktop-light.png" alt="dev.css desktop demo, light mode">
12
- <img src=".github/static/preview-desktop-dark.png" alt="dev.css desktop demo, dark mode">
13
- <img height="748px" src=".github/static/preview-mobile-light.png" alt="dev.css mobile demo, light mode">
14
- <img height="748px" src=".github/static/preview-mobile-dark.png" alt="dev.css mobile demo, dark mode">
15
- </details>
16
-
17
- ## Who is this for?
18
-
19
- dev.css is a great choice for:
20
-
21
- - A simple blog
22
- - A simple "about me" website
23
- - Collecting your most used links
24
- - Prototyping your raw HTML
25
-
26
- dev.css was not meant for very complex websites. Although, if you need something more complex, you could build from/modify this stylesheet for your website. An example of a site that uses dev.css is [SkywardMC's wiki](https://skywardmc.org).
27
-
28
- ## Installing
29
-
30
- ### HTML import
31
-
32
- To use dev.css in your HTML, simply add the following line to the `<head>` section of your HTML file:
33
-
34
- ```html
35
- <link
36
- rel="stylesheet"
37
- href="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@4"
38
- />
39
- ```
40
-
41
- ### `npm`, `pnpm`, etc
42
-
43
- Another way to install dev.css is to add the npm package to your project through your preferred package manager. This command adds the latest version to your project.
44
-
45
- ```sh
46
- npm add @intergrav/dev.css
47
- # or
48
- pnpm add @intergrav/dev.css
49
- ```
50
-
51
- ### Importing fonts
52
-
53
- You can also load a font from [intergrav/fonts](https://github.com/intergrav/fonts#readme) (or anywhere else) if you'd like a consistent font. Geist and Inter fonts work with dev.css out of the box, other fonts will require a theme to be used. If these fonts are not available, the default system/browser sans-serif and monospace fonts will be used, such as Microsoft's Segoe UI or Apple's San Francisco.
54
-
55
- ## Elements and Structure
56
-
57
- dev.css takes advantage of semantic HTML elements. Here are some guidelines on how to use them for the best results.
58
-
59
- ### Header
60
-
61
- It's recommended that you add a header to your page. To add one, place a `<header>` tag at the top of your `<body>`. You can use an `<h1>` tag as your website's title. You can also add a `<p>` element as an optional short description of the site.
62
-
63
- If you want to add a traditional navigation element, you should lay out your `<nav>` element like this:
64
-
65
- ```html
66
- <header>
67
- <h1>Website Title</h1>
68
- <p>An optional description of the website.</p>
69
- <nav>
70
- <ul>
71
- <li><a href="https://example.com">Demo</a></li>
72
- <li><a href="https://example.com">GitHub</a></li>
73
- <li><a href="https://example.com">npm</a></li>
74
- <li><a href="https://example.com">jsDelivr</a></li>
75
- </ul>
76
- </nav>
77
- </header>
78
- ```
79
-
80
- ![Example of a header using traditional navigation](.github/static/header-traditional.png)
81
-
82
- If you'd like, you could instead use [breadcrumb navigation](https://en.wikipedia.org/wiki/Breadcrumb_navigation). If you're using the header-oneline addon while doing this, it's recommended to remove all other elements in the header and move `<h1>` to `<main>`.
83
-
84
- ```html
85
- <header>
86
- <nav>
87
- <a href="../..">dev.css</a> / <a href="..">Blog</a> / Making a Website
88
- </nav>
89
- <h1>Making a Website</h1>
90
- <p>Making a basic website with dev.css.</p>
91
- </header>
92
- ```
93
-
94
- ![Example of a header using breadcrumb navigation](.github/static/header-breadcrumb.png)
95
-
96
- ### Main
97
-
98
- For your main content, or the actual content of the page, it is heavily recommended that you wrap all of it in a `<main>` tag. Otherwise, certain features from dev.css may not work properly. It may also benefit search engine optimization. Here's an example:
99
-
100
- ```html
101
- <main>
102
- <h1>Page 1</h1>
103
- <p>Welcome to my website's first page! This is an example.</p>
104
- </main>
105
- ```
106
-
107
- ### Sidebar
108
-
109
- Optionally, you can add a sidebar to your page for pretty much anything you'd like. A good usage for this could be, for example, complex navigation on a docs website, where you wouldn't be able to fit it all into the header. The sidebar will sort normally with the rest of the content on smaller screens. To make a sidebar, place an `<aside>` tag, and then put an `<article>` inside. You must put it above the `<main>` content. You can have up to two sidebars per page - the second one will appear on the right side. You can also make a sidebar collapsible by wrapping it's contents in a `<details>` tag - adding the `open` attribute will make it open by default. Here's an example:
110
-
111
- ```html
112
- <aside>
113
- <article>
114
- <details open>
115
- <summary>Sidebar</summary>
116
- <nav>
117
- <ul>
118
- <li><a href="https://example.com">Page 1</a></li>
119
- <li>
120
- <a href="https://example.com">Page 2</a>
121
- <ul>
122
- <li><a href="https://example.com">Page 2.1</a></li>
123
- <li><a href="https://example.com">Page 2.2</a></li>
124
- </ul>
125
- </li>
126
- <li><a href="https://example.com">Page 3</a></li>
127
- <li><a href="https://example.com">Page 4</a></li>
128
- </ul>
129
- </nav>
130
- </details>
131
- </article>
132
- </aside>
133
- ```
134
-
135
- ### Footer
136
-
137
- Optionally, you can add a footer to your page. This could include copyright information, what the website was built with, it's source link, anything really. To make a footer, place a `<footer>` tag at the bottom of your `<body>`. It also formats the nav element in the same way that the header does.
138
-
139
- ### Final Structure
140
-
141
- In the end, this is what your page structure should look like if you decide to add everything:
142
-
143
- ```html
144
- <html>
145
- <head>
146
- ...
147
- </head>
148
- <body>
149
- <header>...</header>
150
- <aside>...</aside>
151
- <main>...</main>
152
- <footer>...</footer>
153
- </body>
154
- </html>
155
- ```
156
-
157
- ### Text
158
-
159
- Wrap all body text in `<p>` tags, unless it's the sole child of another element. Use the `<blockquote>` tag for quotes. To highlight text, wrap it in the `<mark>` tag. For code, use `<code>` for short inline code snippets and wrap that with `<pre>` for code blocks. Use `<kbd>` for keyboard input.
160
-
161
- ### Button
162
-
163
- To create a link button, wrap the button in an `<a>` tag. Here's an example:
164
-
165
- ```html
166
- <a href="https://example.com">
167
- <button>Click me!</button>
168
- </a>
169
- ```
170
-
171
- ### Details
172
-
173
- The `<details>` element can be used to create a toggle-able dropdown without using any JavaScript. Here's an example:
174
-
175
- ```html
176
- <details>
177
- <summary>Click me!</summary>
178
- <p>Lorem ipsum dolor sit amet.</p>
179
- </details>
180
- ```
181
-
182
- ### More
183
-
184
- To learn about other HTML elements and how to write HTML, visit [W3Schools/html](https://www.w3schools.com/html/).
185
-
186
- ## Addons
187
-
188
- dev.css provides a basic set of styles. Addons are small CSS or JS snippets that can be used to adjust or add functionality to dev.css based on your needs. Here are the built-in addons.
189
-
190
- ### `header-oneline.css`
191
-
192
- This addon makes the header much more compact on narrow viewports. To use, add the following line after the `dev.css` import:
193
-
194
- ```html
195
- <link
196
- rel="stylesheet"
197
- href="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@4/addon/header-oneline.min.css"
198
- />
199
- ```
200
-
201
- ### `header-sticky.css`
202
-
203
- This addon makes the header sticky, always staying at the top of the screen. Note that this addon is recommended for small headers, as it may affect the usability of your site if the header is large and takes up a lot of space. If using with `header-oneline.css`, place this after. To use, add the following line after the `dev.css` import:
204
-
205
- ```html
206
- <link
207
- rel="stylesheet"
208
- href="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@4/addon/header-sticky.min.css"
209
- />
210
- ```
211
-
212
- ### `scroll-to-top.js`
213
-
214
- This addon creates a small "scroll to top" button in the bottom right corner of your website when the user scrolls down. The button uses the default dev.css button style. The button is slightly opaque so that you can see it but it doesn't block the view. To use this addon, add the following line after the `dev.css` import:
215
-
216
- ```html
217
- <script
218
- src="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@4/addon/scroll-to-top.min.js"
219
- defer
220
- ></script>
221
- ```
222
-
223
- ## Themes
224
-
225
- dev.css supports custom colors and fonts through themes. You can find some pre-made themes in the `/theme` folder. To use a theme, simply apply it after the dev.css stylesheet. There are night and day themes, a set of Catppuccin themes, and a terminal theme. For example, to apply the terminal theme, add the following line after the `dev.css` import:
226
-
227
- ```html
228
- <link
229
- rel="stylesheet"
230
- href="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@4/theme/terminal.user.min.css"
231
- />
232
- ```
233
-
234
- If you are creating your own theme, see the `boilerplate.user.css` file.
235
-
236
- ### Userstyles
237
-
238
- The built-in themes can also be installed to your userstyle manager, such as Stylus. That theme will override any website using dev.css. To install one, open the theme's file in your browser.
239
-
240
- ## Credits
241
-
242
- - [xz/new.css](https://github.com/xz/new.css) being a major inspiration for this project
243
- - Vercel's [Geist](https://vercel.com/geist/introduction) design system
244
- - [Catppuccin](https://github.com/catppuccin) for the colors used in the Catppuccin themes
1
+ # intergrav/dev.css
2
+
3
+ [![NPM Version](https://img.shields.io/npm/v/@intergrav/dev.css)](https://www.npmjs.com/package/@intergrav/dev.css) [![jsDelivr hits (npm)](https://img.shields.io/jsdelivr/npm/hm/@intergrav/dev.css)](https://cdn.jsdelivr.net/npm/@intergrav/dev.css/) [![Discord](https://img.shields.io/discord/1262738186338308126?logo=discord&logoColor=%23fff&color=%235865F2)](https://discord.gg/m5tUgaM3uK) [![GitHub Repo stars](https://img.shields.io/github/stars/intergrav/dev.css)](https://github.com/intergrav/dev.css)
4
+
5
+ dev.css is a tiny, simple, classless CSS framework inspired by [new.css](https://newcss.net). It is designed to make any plain HTML file modern and responsive. The minified stylesheet weighs only **~5.5kb**. It also has some extra features, such as an optional sidebar and addons.
6
+
7
+ You can find the website at <a href="https://devcss.devins.page">devcss.devins.page</a>, which contains a demo page.
8
+
9
+ <details>
10
+ <summary>Click to view preview</summary>
11
+ <img src=".github/static/preview-desktop-light.png" alt="dev.css desktop demo, light mode">
12
+ <img src=".github/static/preview-desktop-dark.png" alt="dev.css desktop demo, dark mode">
13
+ <img height="748px" src=".github/static/preview-mobile-light.png" alt="dev.css mobile demo, light mode">
14
+ <img height="748px" src=".github/static/preview-mobile-dark.png" alt="dev.css mobile demo, dark mode">
15
+ </details>
16
+
17
+ ## Who is this for?
18
+
19
+ dev.css is a great choice for:
20
+
21
+ - A simple blog
22
+ - A simple "about me" website
23
+ - Collecting your most used links
24
+ - Prototyping your raw HTML
25
+
26
+ dev.css was not meant for very complex websites. Although, if you need something more complex, you could build from/modify this stylesheet for your website. An example of a site that uses dev.css is [SkywardMC's wiki](https://skywardmc.org).
27
+
28
+ ## Installing
29
+
30
+ ### HTML import
31
+
32
+ To use dev.css in your HTML, simply add the following line to the `<head>` section of your HTML file:
33
+
34
+ ```html
35
+ <link
36
+ rel="stylesheet"
37
+ href="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@4"
38
+ />
39
+ ```
40
+
41
+ ### `npm`, `pnpm`, etc
42
+
43
+ Another way to install dev.css is to add the npm package to your project through your preferred package manager. This command adds the latest version to your project.
44
+
45
+ ```sh
46
+ npm add @intergrav/dev.css
47
+ # or
48
+ pnpm add @intergrav/dev.css
49
+ ```
50
+
51
+ ### Importing fonts
52
+
53
+ You can also load a font from [intergrav/fonts](https://github.com/intergrav/fonts#readme) (or anywhere else) if you'd like a consistent font. Geist and Inter fonts work with dev.css out of the box, other fonts will require a theme to be used. If these fonts are not available, the default system/browser sans-serif and monospace fonts will be used, such as Microsoft's Segoe UI or Apple's San Francisco.
54
+
55
+ ## Elements and Structure
56
+
57
+ dev.css takes advantage of semantic HTML elements. Here are some guidelines on how to use them for the best results.
58
+
59
+ ### Header
60
+
61
+ It's recommended that you add a header to your page. To add one, place a `<header>` tag at the top of your `<body>`. You can use an `<h1>` tag as your website's title. You can also add a `<p>` element as an optional short description of the site.
62
+
63
+ If you want to add a traditional navigation element, you should lay out your `<nav>` element like this:
64
+
65
+ ```html
66
+ <header>
67
+ <h1>Website Title</h1>
68
+ <p>An optional description of the website.</p>
69
+ <nav>
70
+ <ul>
71
+ <li><a href="https://example.com">Demo</a></li>
72
+ <li><a href="https://example.com">GitHub</a></li>
73
+ <li><a href="https://example.com">npm</a></li>
74
+ <li><a href="https://example.com">jsDelivr</a></li>
75
+ </ul>
76
+ </nav>
77
+ </header>
78
+ ```
79
+
80
+ ![Example of a header using traditional navigation](.github/static/header-traditional.png)
81
+
82
+ If you'd like, you could instead use [breadcrumb navigation](https://en.wikipedia.org/wiki/Breadcrumb_navigation). If you're using the header-oneline addon while doing this, it's recommended to remove all other elements in the header and move `<h1>` to `<main>`.
83
+
84
+ ```html
85
+ <header>
86
+ <nav>
87
+ <a href="../..">dev.css</a> / <a href="..">Blog</a> / Making a Website
88
+ </nav>
89
+ <h1>Making a Website</h1>
90
+ <p>Making a basic website with dev.css.</p>
91
+ </header>
92
+ ```
93
+
94
+ ![Example of a header using breadcrumb navigation](.github/static/header-breadcrumb.png)
95
+
96
+ ### Main
97
+
98
+ For your main content, or the actual content of the page, it is heavily recommended that you wrap all of it in a `<main>` tag. Otherwise, certain features from dev.css may not work properly. It may also benefit search engine optimization. Here's an example:
99
+
100
+ ```html
101
+ <main>
102
+ <h1>Page 1</h1>
103
+ <p>Welcome to my website's first page! This is an example.</p>
104
+ </main>
105
+ ```
106
+
107
+ ### Sidebar
108
+
109
+ Optionally, you can add a sidebar to your page for pretty much anything you'd like. A good usage for this could be, for example, complex navigation on a docs website, where you wouldn't be able to fit it all into the header. The sidebar will sort normally with the rest of the content on smaller screens. To make a sidebar, place an `<aside>` tag, and then put an `<article>` inside. You must put it above the `<main>` content. You can have up to two sidebars per page - the second one will appear on the right side. You can also make a sidebar collapsible by wrapping it's contents in a `<details>` tag - adding the `open` attribute will make it open by default. Here's an example:
110
+
111
+ ```html
112
+ <aside>
113
+ <article>
114
+ <details open>
115
+ <summary>Sidebar</summary>
116
+ <nav>
117
+ <ul>
118
+ <li><a href="https://example.com">Page 1</a></li>
119
+ <li>
120
+ <a href="https://example.com">Page 2</a>
121
+ <ul>
122
+ <li><a href="https://example.com">Page 2.1</a></li>
123
+ <li><a href="https://example.com">Page 2.2</a></li>
124
+ </ul>
125
+ </li>
126
+ <li><a href="https://example.com">Page 3</a></li>
127
+ <li><a href="https://example.com">Page 4</a></li>
128
+ </ul>
129
+ </nav>
130
+ </details>
131
+ </article>
132
+ </aside>
133
+ ```
134
+
135
+ ### Footer
136
+
137
+ Optionally, you can add a footer to your page. This could include copyright information, what the website was built with, it's source link, anything really. To make a footer, place a `<footer>` tag at the bottom of your `<body>`. It also formats the nav element in the same way that the header does.
138
+
139
+ ### Final Structure
140
+
141
+ In the end, this is what your page structure should look like if you decide to add everything:
142
+
143
+ ```html
144
+ <html>
145
+ <head>
146
+ ...
147
+ </head>
148
+ <body>
149
+ <header>...</header>
150
+ <aside>...</aside>
151
+ <main>...</main>
152
+ <footer>...</footer>
153
+ </body>
154
+ </html>
155
+ ```
156
+
157
+ ### Text
158
+
159
+ Wrap all body text in `<p>` tags, unless it's the sole child of another element. Use the `<blockquote>` tag for quotes. To highlight text, wrap it in the `<mark>` tag. For code, use `<code>` for short inline code snippets and wrap that with `<pre>` for code blocks. Use `<kbd>` for keyboard input.
160
+
161
+ ### Button
162
+
163
+ To create a link button, wrap the button in an `<a>` tag. Here's an example:
164
+
165
+ ```html
166
+ <a href="https://example.com">
167
+ <button>Click me!</button>
168
+ </a>
169
+ ```
170
+
171
+ ### Details
172
+
173
+ The `<details>` element can be used to create a toggle-able dropdown without using any JavaScript. Here's an example:
174
+
175
+ ```html
176
+ <details>
177
+ <summary>Click me!</summary>
178
+ <p>Lorem ipsum dolor sit amet.</p>
179
+ </details>
180
+ ```
181
+
182
+ ### More
183
+
184
+ To learn about other HTML elements and how to write HTML, visit [W3Schools/html](https://www.w3schools.com/html/).
185
+
186
+ ## Addons
187
+
188
+ dev.css provides a basic set of styles. Addons are small CSS or JS snippets that can be used to adjust or add functionality to dev.css based on your needs. Here are the built-in addons.
189
+
190
+ ### `header-oneline.css`
191
+
192
+ This addon makes the header much more compact on narrow viewports. To use, add the following line after the `dev.css` import:
193
+
194
+ ```html
195
+ <link
196
+ rel="stylesheet"
197
+ href="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@4/addon/header-oneline.min.css"
198
+ />
199
+ ```
200
+
201
+ ### `header-sticky.css`
202
+
203
+ This addon makes the header sticky, always staying at the top of the screen. Note that this addon is recommended for small headers, as it may affect the usability of your site if the header is large and takes up a lot of space. If using with `header-oneline.css`, place this after. To use, add the following line after the `dev.css` import:
204
+
205
+ ```html
206
+ <link
207
+ rel="stylesheet"
208
+ href="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@4/addon/header-sticky.min.css"
209
+ />
210
+ ```
211
+
212
+ ### `scroll-to-top.js`
213
+
214
+ This addon creates a small "scroll to top" button in the bottom right corner of your website when the user scrolls down. The button uses the default dev.css button style. The button is slightly opaque so that you can see it but it doesn't block the view. To use this addon, add the following line after the `dev.css` import:
215
+
216
+ ```html
217
+ <script
218
+ src="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@4/addon/scroll-to-top.min.js"
219
+ defer
220
+ ></script>
221
+ ```
222
+
223
+ ## Themes
224
+
225
+ dev.css supports custom colors and fonts through themes. You can find some pre-made themes in the `/theme` folder. To use a theme, simply apply it after the dev.css stylesheet. There are night and day themes, a set of Catppuccin themes, and a terminal theme. For example, to apply the terminal theme, add the following line after the `dev.css` import:
226
+
227
+ ```html
228
+ <link
229
+ rel="stylesheet"
230
+ href="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@4/theme/terminal.user.min.css"
231
+ />
232
+ ```
233
+
234
+ If you are creating your own theme, see the `boilerplate.user.css` file.
235
+
236
+ ### Userstyles
237
+
238
+ The built-in themes can also be installed to your userstyle manager, such as Stylus. That theme will override any website using dev.css. To install one, open the theme's file in your browser.
239
+
240
+ ## Credits
241
+
242
+ - [xz/new.css](https://github.com/xz/new.css) being a major inspiration for this project
243
+ - Vercel's [Geist](https://vercel.com/geist/introduction) design system
244
+ - [Catppuccin](https://github.com/catppuccin) for the colors used in the Catppuccin themes
package/badge.svg CHANGED
@@ -1,16 +1,16 @@
1
- <svg width="88" height="31" viewBox="0 0 88 31" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_19_2)">
3
- <rect width="88" height="31" rx="4" fill="black"/>
4
- <path d="M16.203 6.64H17.643L17.663 7.45C17.8163 7.15 18.0296 6.92 18.303 6.76C18.583 6.6 18.8996 6.52 19.253 6.52C19.7396 6.52 20.153 6.64333 20.493 6.89C20.833 7.13 21.0863 7.46333 21.253 7.89C21.4263 8.31 21.513 8.78667 21.513 9.32C21.513 9.85333 21.4263 10.3333 21.253 10.76C21.0796 11.18 20.823 11.5133 20.483 11.76C20.143 12 19.7296 12.12 19.243 12.12C18.9096 12.12 18.6063 12.0433 18.333 11.89C18.0596 11.7367 17.8496 11.5267 17.703 11.26V13.5H16.203V6.64ZM18.833 10.97C19.1863 10.97 19.463 10.8233 19.663 10.53C19.8696 10.23 19.973 9.82667 19.973 9.32C19.973 8.81333 19.8696 8.41333 19.663 8.12C19.463 7.82 19.1863 7.67 18.833 7.67C18.4796 7.67 18.203 7.81333 18.003 8.1C17.803 8.38 17.703 8.78667 17.703 9.32C17.703 9.85333 17.7996 10.2633 17.993 10.55C18.193 10.83 18.473 10.97 18.833 10.97ZM24.9323 12.12C24.3923 12.12 23.9156 12.0067 23.5023 11.78C23.0889 11.5467 22.7689 11.22 22.5423 10.8C22.3223 10.3733 22.2123 9.88 22.2123 9.32C22.2123 8.76 22.3256 8.27 22.5523 7.85C22.7789 7.42333 23.0956 7.09667 23.5023 6.87C23.9156 6.63667 24.3923 6.52 24.9323 6.52C25.4723 6.52 25.9456 6.63667 26.3523 6.87C26.7656 7.09667 27.0856 7.42333 27.3123 7.85C27.5389 8.27 27.6523 8.76 27.6523 9.32C27.6523 9.88 27.5389 10.3733 27.3123 10.8C27.0923 11.22 26.7756 11.5467 26.3623 11.78C25.9489 12.0067 25.4723 12.12 24.9323 12.12ZM24.9323 10.97C25.3056 10.97 25.5923 10.8267 25.7923 10.54C25.9989 10.2467 26.1023 9.84 26.1023 9.32C26.1023 8.8 25.9989 8.39667 25.7923 8.11C25.5923 7.81667 25.3056 7.67 24.9323 7.67C24.5589 7.67 24.2689 7.81667 24.0623 8.11C23.8556 8.39667 23.7523 8.8 23.7523 9.32C23.7523 9.84 23.8556 10.2467 24.0623 10.54C24.2689 10.8267 24.5589 10.97 24.9323 10.97ZM27.96 6.64H29.47L30.4 10.27L31.38 6.64H32.61L33.6 10.27L34.53 6.64H36.04L34.45 12H32.99L32 8.65L31.01 12H29.56L27.96 6.64ZM39.0627 12.12C38.5227 12.12 38.0493 12.0067 37.6427 11.78C37.236 11.5467 36.9193 11.22 36.6927 10.8C36.4727 10.3733 36.3627 9.88 36.3627 9.32C36.3627 8.76 36.4727 8.27 36.6927 7.85C36.9127 7.42333 37.226 7.09667 37.6327 6.87C38.0393 6.63667 38.5127 6.52 39.0527 6.52C39.5793 6.52 40.0393 6.63667 40.4327 6.87C40.8327 7.10333 41.1393 7.44 41.3527 7.88C41.566 8.31333 41.6727 8.82667 41.6727 9.42V9.72H37.9127C37.926 10.1333 38.036 10.4467 38.2427 10.66C38.4493 10.8733 38.7327 10.98 39.0927 10.98C39.6127 10.98 39.946 10.7633 40.0927 10.33L41.6027 10.42C41.456 10.9533 41.156 11.37 40.7027 11.67C40.256 11.97 39.7093 12.12 39.0627 12.12ZM40.1427 8.8C40.1227 8.42 40.016 8.13 39.8227 7.93C39.6293 7.73 39.3727 7.63 39.0527 7.63C38.7393 7.63 38.4793 7.73333 38.2727 7.94C38.0727 8.14667 37.9527 8.43333 37.9127 8.8H40.1427ZM42.6385 6.64H44.0585L44.0885 7.72C44.1952 7.34 44.3518 7.06667 44.5585 6.9C44.7652 6.72667 45.0352 6.64 45.3685 6.64H45.8585V7.88H45.3685C44.9418 7.88 44.6285 7.96667 44.4285 8.14C44.2352 8.31333 44.1385 8.59667 44.1385 8.99V12H42.6385V6.64ZM48.965 12.12C48.425 12.12 47.9517 12.0067 47.545 11.78C47.1383 11.5467 46.8217 11.22 46.595 10.8C46.375 10.3733 46.265 9.88 46.265 9.32C46.265 8.76 46.375 8.27 46.595 7.85C46.815 7.42333 47.1283 7.09667 47.535 6.87C47.9417 6.63667 48.415 6.52 48.955 6.52C49.4817 6.52 49.9417 6.63667 50.335 6.87C50.735 7.10333 51.0417 7.44 51.255 7.88C51.4683 8.31333 51.575 8.82667 51.575 9.42V9.72H47.815C47.8283 10.1333 47.9383 10.4467 48.145 10.66C48.3517 10.8733 48.635 10.98 48.995 10.98C49.515 10.98 49.8483 10.7633 49.995 10.33L51.505 10.42C51.3583 10.9533 51.0583 11.37 50.605 11.67C50.1583 11.97 49.6117 12.12 48.965 12.12ZM50.045 8.8C50.025 8.42 49.9183 8.13 49.725 7.93C49.5317 7.73 49.275 7.63 48.955 7.63C48.6417 7.63 48.3817 7.73333 48.175 7.94C47.975 8.14667 47.855 8.43333 47.815 8.8H50.045ZM54.4706 12.12C54.024 12.12 53.634 12.0067 53.3006 11.78C52.974 11.5533 52.7206 11.23 52.5406 10.81C52.3673 10.3833 52.2806 9.88667 52.2806 9.32C52.2806 8.75333 52.3706 8.26 52.5506 7.84C52.7306 7.42 52.984 7.09667 53.3106 6.87C53.644 6.63667 54.0306 6.52 54.4706 6.52C54.8506 6.52 55.1806 6.59667 55.4606 6.75C55.7406 6.90333 55.9506 7.12 56.0906 7.4V4.9H57.5906V12H56.1506L56.1206 11.21C55.974 11.4967 55.754 11.72 55.4606 11.88C55.174 12.04 54.844 12.12 54.4706 12.12ZM54.9706 10.97C55.3306 10.97 55.6073 10.83 55.8006 10.55C55.994 10.27 56.0906 9.86 56.0906 9.32C56.0906 8.78 55.994 8.37 55.8006 8.09C55.6073 7.81 55.3306 7.67 54.9706 7.67C54.6173 7.67 54.3373 7.82 54.1306 8.12C53.924 8.41333 53.8206 8.81333 53.8206 9.32C53.8206 9.82 53.924 10.22 54.1306 10.52C54.344 10.82 54.624 10.97 54.9706 10.97ZM64.2634 12.12C63.8901 12.12 63.5634 12.0433 63.2834 11.89C63.0101 11.73 62.7968 11.5033 62.6434 11.21L62.6134 12H61.1834V4.9H62.6834V7.4C62.8301 7.14 63.0401 6.93 63.3134 6.77C63.5934 6.60333 63.9101 6.52 64.2634 6.52C64.7101 6.52 65.1001 6.63667 65.4334 6.87C65.7734 7.09667 66.0334 7.42333 66.2134 7.85C66.4001 8.27 66.4934 8.76 66.4934 9.32C66.4934 9.88 66.4001 10.3733 66.2134 10.8C66.0334 11.22 65.7734 11.5467 65.4334 11.78C65.1001 12.0067 64.7101 12.12 64.2634 12.12ZM63.8434 10.97C64.1834 10.97 64.4534 10.8233 64.6534 10.53C64.8534 10.2367 64.9534 9.83333 64.9534 9.32C64.9534 8.80667 64.8534 8.40333 64.6534 8.11C64.4601 7.81667 64.1934 7.67 63.8534 7.67C63.4868 7.67 63.2001 7.81667 62.9934 8.11C62.7868 8.39667 62.6834 8.8 62.6834 9.32C62.6834 9.83333 62.7834 10.2367 62.9834 10.53C63.1901 10.8233 63.4768 10.97 63.8434 10.97ZM67.6979 12.38H68.4079C68.5746 12.38 68.6979 12.3567 68.7779 12.31C68.8579 12.2633 68.9246 12.1733 68.9779 12.04L69.0979 11.73H68.6879L66.7979 6.64H68.3379L69.5579 10.33L70.7179 6.64H72.2479L70.1879 12.51C70.0612 12.8633 69.8846 13.1167 69.6579 13.27C69.4379 13.4233 69.1246 13.5 68.7179 13.5H67.6979V12.38Z" fill="#A1A1A1"/>
5
- <path d="M18.1671 25.192C17.4524 25.192 16.8284 25.0107 16.2951 24.648C15.7724 24.2853 15.3671 23.768 15.0791 23.096C14.8017 22.4133 14.6631 21.6187 14.6631 20.712C14.6631 19.8053 14.8071 19.016 15.0951 18.344C15.3831 17.672 15.7884 17.1547 16.3111 16.792C16.8444 16.4187 17.4631 16.232 18.1671 16.232C18.7751 16.232 19.3031 16.3547 19.7511 16.6C20.1991 16.8453 20.5351 17.192 20.7591 17.64V13.64H23.1591V25H20.8551L20.8071 23.736C20.5724 24.1947 20.2204 24.552 19.7511 24.808C19.2924 25.064 18.7644 25.192 18.1671 25.192ZM18.9671 23.352C19.5431 23.352 19.9857 23.128 20.2951 22.68C20.6044 22.232 20.7591 21.576 20.7591 20.712C20.7591 19.848 20.6044 19.192 20.2951 18.744C19.9857 18.296 19.5431 18.072 18.9671 18.072C18.4017 18.072 17.9537 18.312 17.6231 18.792C17.2924 19.2613 17.1271 19.9013 17.1271 20.712C17.1271 21.512 17.2924 22.152 17.6231 22.632C17.9644 23.112 18.4124 23.352 18.9671 23.352Z" fill="#E5484D"/>
6
- <path d="M29.0924 25.192C28.2284 25.192 27.4711 25.0107 26.8204 24.648C26.1698 24.2747 25.6631 23.752 25.3004 23.08C24.9484 22.3973 24.7724 21.608 24.7724 20.712C24.7724 19.816 24.9484 19.032 25.3004 18.36C25.6524 17.6773 26.1538 17.1547 26.8044 16.792C27.4551 16.4187 28.2124 16.232 29.0764 16.232C29.9191 16.232 30.6551 16.4187 31.2844 16.792C31.9244 17.1653 32.4151 17.704 32.7564 18.408C33.0978 19.1013 33.2684 19.9227 33.2684 20.872V21.352H27.2524C27.2738 22.0133 27.4498 22.5147 27.7804 22.856C28.1111 23.1973 28.5644 23.368 29.1404 23.368C29.9724 23.368 30.5058 23.0213 30.7404 22.328L33.1564 22.472C32.9218 23.3253 32.4418 23.992 31.7164 24.472C31.0018 24.952 30.1271 25.192 29.0924 25.192ZM30.8204 19.88C30.7884 19.272 30.6178 18.808 30.3084 18.488C29.9991 18.168 29.5884 18.008 29.0764 18.008C28.5751 18.008 28.1591 18.1733 27.8284 18.504C27.5084 18.8347 27.3164 19.2933 27.2524 19.88H30.8204Z" fill="#45A557"/>
7
- <path d="M33.7657 16.424H36.2777L38.3097 22.584L40.3417 16.424H42.8377L39.7017 25H36.9017L33.7657 16.424Z" fill="#0072F5"/>
8
- <path d="M42.9756 22.552H45.5676V25H42.9756V22.552ZM51.1713 25.192C50.2966 25.192 49.5286 25.0107 48.8673 24.648C48.2166 24.2747 47.71 23.752 47.3473 23.08C46.9953 22.3973 46.8193 21.608 46.8193 20.712C46.8193 19.816 46.9953 19.032 47.3473 18.36C47.71 17.6773 48.2166 17.1547 48.8673 16.792C49.5286 16.4187 50.2966 16.232 51.1713 16.232C52.3233 16.232 53.278 16.5307 54.0353 17.128C54.7926 17.7253 55.2353 18.5467 55.3633 19.592L52.8833 19.704C52.8086 19.1813 52.6166 18.7813 52.3073 18.504C52.0086 18.2267 51.63 18.088 51.1713 18.088C50.574 18.088 50.11 18.3173 49.7793 18.776C49.4486 19.2347 49.2833 19.88 49.2833 20.712C49.2833 21.544 49.4486 22.1947 49.7793 22.664C50.11 23.1227 50.574 23.352 51.1713 23.352C51.6513 23.352 52.0406 23.208 52.3393 22.92C52.638 22.632 52.8193 22.2053 52.8833 21.64L55.3633 21.736C55.246 22.792 54.8086 23.6347 54.0513 24.264C53.294 24.8827 52.334 25.192 51.1713 25.192ZM60.4157 25.192C59.1357 25.192 58.1437 24.9307 57.4397 24.408C56.7464 23.8747 56.3677 23.1707 56.3037 22.296L58.7357 22.216C58.885 23.0693 59.4504 23.496 60.4317 23.496C60.869 23.496 61.205 23.4267 61.4397 23.288C61.6744 23.1387 61.7917 22.9253 61.7917 22.648C61.7917 22.456 61.7437 22.3013 61.6477 22.184C61.5624 22.0667 61.3917 21.9653 61.1357 21.88C60.8904 21.784 60.5277 21.6987 60.0477 21.624C59.141 21.4747 58.4317 21.2933 57.9197 21.08C57.4077 20.856 57.045 20.5787 56.8317 20.248C56.6184 19.9173 56.5117 19.496 56.5117 18.984C56.5117 18.1413 56.837 17.4747 57.4877 16.984C58.1384 16.4827 59.0824 16.232 60.3197 16.232C61.4824 16.232 62.389 16.4987 63.0397 17.032C63.701 17.5653 64.085 18.28 64.1917 19.176L61.7917 19.272C61.7384 18.8453 61.5784 18.5147 61.3117 18.28C61.0557 18.0453 60.7144 17.928 60.2877 17.928C59.8717 17.928 59.5464 18.0133 59.3117 18.184C59.0877 18.3547 58.9757 18.5893 58.9757 18.888C58.9757 19.1973 59.093 19.432 59.3277 19.592C59.5624 19.7413 59.9784 19.8587 60.5757 19.944C61.493 20.072 62.2184 20.248 62.7517 20.472C63.285 20.696 63.669 20.9787 63.9037 21.32C64.1384 21.6613 64.2557 22.088 64.2557 22.6C64.2557 23.4213 63.9144 24.0613 63.2317 24.52C62.549 24.968 61.6104 25.192 60.4157 25.192ZM69.4938 25.192C68.2138 25.192 67.2218 24.9307 66.5178 24.408C65.8245 23.8747 65.4458 23.1707 65.3818 22.296L67.8138 22.216C67.9631 23.0693 68.5285 23.496 69.5098 23.496C69.9471 23.496 70.2831 23.4267 70.5178 23.288C70.7525 23.1387 70.8698 22.9253 70.8698 22.648C70.8698 22.456 70.8218 22.3013 70.7258 22.184C70.6405 22.0667 70.4698 21.9653 70.2138 21.88C69.9685 21.784 69.6058 21.6987 69.1258 21.624C68.2191 21.4747 67.5098 21.2933 66.9978 21.08C66.4858 20.856 66.1231 20.5787 65.9098 20.248C65.6965 19.9173 65.5898 19.496 65.5898 18.984C65.5898 18.1413 65.9151 17.4747 66.5658 16.984C67.2165 16.4827 68.1605 16.232 69.3978 16.232C70.5605 16.232 71.4671 16.4987 72.1178 17.032C72.7791 17.5653 73.1631 18.28 73.2698 19.176L70.8698 19.272C70.8165 18.8453 70.6565 18.5147 70.3898 18.28C70.1338 18.0453 69.7925 17.928 69.3658 17.928C68.9498 17.928 68.6245 18.0133 68.3898 18.184C68.1658 18.3547 68.0538 18.5893 68.0538 18.888C68.0538 19.1973 68.1711 19.432 68.4058 19.592C68.6405 19.7413 69.0565 19.8587 69.6538 19.944C70.5711 20.072 71.2965 20.248 71.8298 20.472C72.3631 20.696 72.7471 20.9787 72.9818 21.32C73.2165 21.6613 73.3338 22.088 73.3338 22.6C73.3338 23.4213 72.9925 24.0613 72.3098 24.52C71.6271 24.968 70.6885 25.192 69.4938 25.192Z" fill="white"/>
9
- </g>
10
- <rect x="0.5" y="0.5" width="87" height="30" rx="3.5" stroke="#2E2E2E" stroke-linejoin="round"/>
11
- <defs>
12
- <clipPath id="clip0_19_2">
13
- <rect width="88" height="31" rx="4" fill="white"/>
14
- </clipPath>
15
- </defs>
16
- </svg>
1
+ <svg width="88" height="31" viewBox="0 0 88 31" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_19_2)">
3
+ <rect width="88" height="31" rx="4" fill="black"/>
4
+ <path d="M16.203 6.64H17.643L17.663 7.45C17.8163 7.15 18.0296 6.92 18.303 6.76C18.583 6.6 18.8996 6.52 19.253 6.52C19.7396 6.52 20.153 6.64333 20.493 6.89C20.833 7.13 21.0863 7.46333 21.253 7.89C21.4263 8.31 21.513 8.78667 21.513 9.32C21.513 9.85333 21.4263 10.3333 21.253 10.76C21.0796 11.18 20.823 11.5133 20.483 11.76C20.143 12 19.7296 12.12 19.243 12.12C18.9096 12.12 18.6063 12.0433 18.333 11.89C18.0596 11.7367 17.8496 11.5267 17.703 11.26V13.5H16.203V6.64ZM18.833 10.97C19.1863 10.97 19.463 10.8233 19.663 10.53C19.8696 10.23 19.973 9.82667 19.973 9.32C19.973 8.81333 19.8696 8.41333 19.663 8.12C19.463 7.82 19.1863 7.67 18.833 7.67C18.4796 7.67 18.203 7.81333 18.003 8.1C17.803 8.38 17.703 8.78667 17.703 9.32C17.703 9.85333 17.7996 10.2633 17.993 10.55C18.193 10.83 18.473 10.97 18.833 10.97ZM24.9323 12.12C24.3923 12.12 23.9156 12.0067 23.5023 11.78C23.0889 11.5467 22.7689 11.22 22.5423 10.8C22.3223 10.3733 22.2123 9.88 22.2123 9.32C22.2123 8.76 22.3256 8.27 22.5523 7.85C22.7789 7.42333 23.0956 7.09667 23.5023 6.87C23.9156 6.63667 24.3923 6.52 24.9323 6.52C25.4723 6.52 25.9456 6.63667 26.3523 6.87C26.7656 7.09667 27.0856 7.42333 27.3123 7.85C27.5389 8.27 27.6523 8.76 27.6523 9.32C27.6523 9.88 27.5389 10.3733 27.3123 10.8C27.0923 11.22 26.7756 11.5467 26.3623 11.78C25.9489 12.0067 25.4723 12.12 24.9323 12.12ZM24.9323 10.97C25.3056 10.97 25.5923 10.8267 25.7923 10.54C25.9989 10.2467 26.1023 9.84 26.1023 9.32C26.1023 8.8 25.9989 8.39667 25.7923 8.11C25.5923 7.81667 25.3056 7.67 24.9323 7.67C24.5589 7.67 24.2689 7.81667 24.0623 8.11C23.8556 8.39667 23.7523 8.8 23.7523 9.32C23.7523 9.84 23.8556 10.2467 24.0623 10.54C24.2689 10.8267 24.5589 10.97 24.9323 10.97ZM27.96 6.64H29.47L30.4 10.27L31.38 6.64H32.61L33.6 10.27L34.53 6.64H36.04L34.45 12H32.99L32 8.65L31.01 12H29.56L27.96 6.64ZM39.0627 12.12C38.5227 12.12 38.0493 12.0067 37.6427 11.78C37.236 11.5467 36.9193 11.22 36.6927 10.8C36.4727 10.3733 36.3627 9.88 36.3627 9.32C36.3627 8.76 36.4727 8.27 36.6927 7.85C36.9127 7.42333 37.226 7.09667 37.6327 6.87C38.0393 6.63667 38.5127 6.52 39.0527 6.52C39.5793 6.52 40.0393 6.63667 40.4327 6.87C40.8327 7.10333 41.1393 7.44 41.3527 7.88C41.566 8.31333 41.6727 8.82667 41.6727 9.42V9.72H37.9127C37.926 10.1333 38.036 10.4467 38.2427 10.66C38.4493 10.8733 38.7327 10.98 39.0927 10.98C39.6127 10.98 39.946 10.7633 40.0927 10.33L41.6027 10.42C41.456 10.9533 41.156 11.37 40.7027 11.67C40.256 11.97 39.7093 12.12 39.0627 12.12ZM40.1427 8.8C40.1227 8.42 40.016 8.13 39.8227 7.93C39.6293 7.73 39.3727 7.63 39.0527 7.63C38.7393 7.63 38.4793 7.73333 38.2727 7.94C38.0727 8.14667 37.9527 8.43333 37.9127 8.8H40.1427ZM42.6385 6.64H44.0585L44.0885 7.72C44.1952 7.34 44.3518 7.06667 44.5585 6.9C44.7652 6.72667 45.0352 6.64 45.3685 6.64H45.8585V7.88H45.3685C44.9418 7.88 44.6285 7.96667 44.4285 8.14C44.2352 8.31333 44.1385 8.59667 44.1385 8.99V12H42.6385V6.64ZM48.965 12.12C48.425 12.12 47.9517 12.0067 47.545 11.78C47.1383 11.5467 46.8217 11.22 46.595 10.8C46.375 10.3733 46.265 9.88 46.265 9.32C46.265 8.76 46.375 8.27 46.595 7.85C46.815 7.42333 47.1283 7.09667 47.535 6.87C47.9417 6.63667 48.415 6.52 48.955 6.52C49.4817 6.52 49.9417 6.63667 50.335 6.87C50.735 7.10333 51.0417 7.44 51.255 7.88C51.4683 8.31333 51.575 8.82667 51.575 9.42V9.72H47.815C47.8283 10.1333 47.9383 10.4467 48.145 10.66C48.3517 10.8733 48.635 10.98 48.995 10.98C49.515 10.98 49.8483 10.7633 49.995 10.33L51.505 10.42C51.3583 10.9533 51.0583 11.37 50.605 11.67C50.1583 11.97 49.6117 12.12 48.965 12.12ZM50.045 8.8C50.025 8.42 49.9183 8.13 49.725 7.93C49.5317 7.73 49.275 7.63 48.955 7.63C48.6417 7.63 48.3817 7.73333 48.175 7.94C47.975 8.14667 47.855 8.43333 47.815 8.8H50.045ZM54.4706 12.12C54.024 12.12 53.634 12.0067 53.3006 11.78C52.974 11.5533 52.7206 11.23 52.5406 10.81C52.3673 10.3833 52.2806 9.88667 52.2806 9.32C52.2806 8.75333 52.3706 8.26 52.5506 7.84C52.7306 7.42 52.984 7.09667 53.3106 6.87C53.644 6.63667 54.0306 6.52 54.4706 6.52C54.8506 6.52 55.1806 6.59667 55.4606 6.75C55.7406 6.90333 55.9506 7.12 56.0906 7.4V4.9H57.5906V12H56.1506L56.1206 11.21C55.974 11.4967 55.754 11.72 55.4606 11.88C55.174 12.04 54.844 12.12 54.4706 12.12ZM54.9706 10.97C55.3306 10.97 55.6073 10.83 55.8006 10.55C55.994 10.27 56.0906 9.86 56.0906 9.32C56.0906 8.78 55.994 8.37 55.8006 8.09C55.6073 7.81 55.3306 7.67 54.9706 7.67C54.6173 7.67 54.3373 7.82 54.1306 8.12C53.924 8.41333 53.8206 8.81333 53.8206 9.32C53.8206 9.82 53.924 10.22 54.1306 10.52C54.344 10.82 54.624 10.97 54.9706 10.97ZM64.2634 12.12C63.8901 12.12 63.5634 12.0433 63.2834 11.89C63.0101 11.73 62.7968 11.5033 62.6434 11.21L62.6134 12H61.1834V4.9H62.6834V7.4C62.8301 7.14 63.0401 6.93 63.3134 6.77C63.5934 6.60333 63.9101 6.52 64.2634 6.52C64.7101 6.52 65.1001 6.63667 65.4334 6.87C65.7734 7.09667 66.0334 7.42333 66.2134 7.85C66.4001 8.27 66.4934 8.76 66.4934 9.32C66.4934 9.88 66.4001 10.3733 66.2134 10.8C66.0334 11.22 65.7734 11.5467 65.4334 11.78C65.1001 12.0067 64.7101 12.12 64.2634 12.12ZM63.8434 10.97C64.1834 10.97 64.4534 10.8233 64.6534 10.53C64.8534 10.2367 64.9534 9.83333 64.9534 9.32C64.9534 8.80667 64.8534 8.40333 64.6534 8.11C64.4601 7.81667 64.1934 7.67 63.8534 7.67C63.4868 7.67 63.2001 7.81667 62.9934 8.11C62.7868 8.39667 62.6834 8.8 62.6834 9.32C62.6834 9.83333 62.7834 10.2367 62.9834 10.53C63.1901 10.8233 63.4768 10.97 63.8434 10.97ZM67.6979 12.38H68.4079C68.5746 12.38 68.6979 12.3567 68.7779 12.31C68.8579 12.2633 68.9246 12.1733 68.9779 12.04L69.0979 11.73H68.6879L66.7979 6.64H68.3379L69.5579 10.33L70.7179 6.64H72.2479L70.1879 12.51C70.0612 12.8633 69.8846 13.1167 69.6579 13.27C69.4379 13.4233 69.1246 13.5 68.7179 13.5H67.6979V12.38Z" fill="#A1A1A1"/>
5
+ <path d="M18.1671 25.192C17.4524 25.192 16.8284 25.0107 16.2951 24.648C15.7724 24.2853 15.3671 23.768 15.0791 23.096C14.8017 22.4133 14.6631 21.6187 14.6631 20.712C14.6631 19.8053 14.8071 19.016 15.0951 18.344C15.3831 17.672 15.7884 17.1547 16.3111 16.792C16.8444 16.4187 17.4631 16.232 18.1671 16.232C18.7751 16.232 19.3031 16.3547 19.7511 16.6C20.1991 16.8453 20.5351 17.192 20.7591 17.64V13.64H23.1591V25H20.8551L20.8071 23.736C20.5724 24.1947 20.2204 24.552 19.7511 24.808C19.2924 25.064 18.7644 25.192 18.1671 25.192ZM18.9671 23.352C19.5431 23.352 19.9857 23.128 20.2951 22.68C20.6044 22.232 20.7591 21.576 20.7591 20.712C20.7591 19.848 20.6044 19.192 20.2951 18.744C19.9857 18.296 19.5431 18.072 18.9671 18.072C18.4017 18.072 17.9537 18.312 17.6231 18.792C17.2924 19.2613 17.1271 19.9013 17.1271 20.712C17.1271 21.512 17.2924 22.152 17.6231 22.632C17.9644 23.112 18.4124 23.352 18.9671 23.352Z" fill="#E5484D"/>
6
+ <path d="M29.0924 25.192C28.2284 25.192 27.4711 25.0107 26.8204 24.648C26.1698 24.2747 25.6631 23.752 25.3004 23.08C24.9484 22.3973 24.7724 21.608 24.7724 20.712C24.7724 19.816 24.9484 19.032 25.3004 18.36C25.6524 17.6773 26.1538 17.1547 26.8044 16.792C27.4551 16.4187 28.2124 16.232 29.0764 16.232C29.9191 16.232 30.6551 16.4187 31.2844 16.792C31.9244 17.1653 32.4151 17.704 32.7564 18.408C33.0978 19.1013 33.2684 19.9227 33.2684 20.872V21.352H27.2524C27.2738 22.0133 27.4498 22.5147 27.7804 22.856C28.1111 23.1973 28.5644 23.368 29.1404 23.368C29.9724 23.368 30.5058 23.0213 30.7404 22.328L33.1564 22.472C32.9218 23.3253 32.4418 23.992 31.7164 24.472C31.0018 24.952 30.1271 25.192 29.0924 25.192ZM30.8204 19.88C30.7884 19.272 30.6178 18.808 30.3084 18.488C29.9991 18.168 29.5884 18.008 29.0764 18.008C28.5751 18.008 28.1591 18.1733 27.8284 18.504C27.5084 18.8347 27.3164 19.2933 27.2524 19.88H30.8204Z" fill="#45A557"/>
7
+ <path d="M33.7657 16.424H36.2777L38.3097 22.584L40.3417 16.424H42.8377L39.7017 25H36.9017L33.7657 16.424Z" fill="#0072F5"/>
8
+ <path d="M42.9756 22.552H45.5676V25H42.9756V22.552ZM51.1713 25.192C50.2966 25.192 49.5286 25.0107 48.8673 24.648C48.2166 24.2747 47.71 23.752 47.3473 23.08C46.9953 22.3973 46.8193 21.608 46.8193 20.712C46.8193 19.816 46.9953 19.032 47.3473 18.36C47.71 17.6773 48.2166 17.1547 48.8673 16.792C49.5286 16.4187 50.2966 16.232 51.1713 16.232C52.3233 16.232 53.278 16.5307 54.0353 17.128C54.7926 17.7253 55.2353 18.5467 55.3633 19.592L52.8833 19.704C52.8086 19.1813 52.6166 18.7813 52.3073 18.504C52.0086 18.2267 51.63 18.088 51.1713 18.088C50.574 18.088 50.11 18.3173 49.7793 18.776C49.4486 19.2347 49.2833 19.88 49.2833 20.712C49.2833 21.544 49.4486 22.1947 49.7793 22.664C50.11 23.1227 50.574 23.352 51.1713 23.352C51.6513 23.352 52.0406 23.208 52.3393 22.92C52.638 22.632 52.8193 22.2053 52.8833 21.64L55.3633 21.736C55.246 22.792 54.8086 23.6347 54.0513 24.264C53.294 24.8827 52.334 25.192 51.1713 25.192ZM60.4157 25.192C59.1357 25.192 58.1437 24.9307 57.4397 24.408C56.7464 23.8747 56.3677 23.1707 56.3037 22.296L58.7357 22.216C58.885 23.0693 59.4504 23.496 60.4317 23.496C60.869 23.496 61.205 23.4267 61.4397 23.288C61.6744 23.1387 61.7917 22.9253 61.7917 22.648C61.7917 22.456 61.7437 22.3013 61.6477 22.184C61.5624 22.0667 61.3917 21.9653 61.1357 21.88C60.8904 21.784 60.5277 21.6987 60.0477 21.624C59.141 21.4747 58.4317 21.2933 57.9197 21.08C57.4077 20.856 57.045 20.5787 56.8317 20.248C56.6184 19.9173 56.5117 19.496 56.5117 18.984C56.5117 18.1413 56.837 17.4747 57.4877 16.984C58.1384 16.4827 59.0824 16.232 60.3197 16.232C61.4824 16.232 62.389 16.4987 63.0397 17.032C63.701 17.5653 64.085 18.28 64.1917 19.176L61.7917 19.272C61.7384 18.8453 61.5784 18.5147 61.3117 18.28C61.0557 18.0453 60.7144 17.928 60.2877 17.928C59.8717 17.928 59.5464 18.0133 59.3117 18.184C59.0877 18.3547 58.9757 18.5893 58.9757 18.888C58.9757 19.1973 59.093 19.432 59.3277 19.592C59.5624 19.7413 59.9784 19.8587 60.5757 19.944C61.493 20.072 62.2184 20.248 62.7517 20.472C63.285 20.696 63.669 20.9787 63.9037 21.32C64.1384 21.6613 64.2557 22.088 64.2557 22.6C64.2557 23.4213 63.9144 24.0613 63.2317 24.52C62.549 24.968 61.6104 25.192 60.4157 25.192ZM69.4938 25.192C68.2138 25.192 67.2218 24.9307 66.5178 24.408C65.8245 23.8747 65.4458 23.1707 65.3818 22.296L67.8138 22.216C67.9631 23.0693 68.5285 23.496 69.5098 23.496C69.9471 23.496 70.2831 23.4267 70.5178 23.288C70.7525 23.1387 70.8698 22.9253 70.8698 22.648C70.8698 22.456 70.8218 22.3013 70.7258 22.184C70.6405 22.0667 70.4698 21.9653 70.2138 21.88C69.9685 21.784 69.6058 21.6987 69.1258 21.624C68.2191 21.4747 67.5098 21.2933 66.9978 21.08C66.4858 20.856 66.1231 20.5787 65.9098 20.248C65.6965 19.9173 65.5898 19.496 65.5898 18.984C65.5898 18.1413 65.9151 17.4747 66.5658 16.984C67.2165 16.4827 68.1605 16.232 69.3978 16.232C70.5605 16.232 71.4671 16.4987 72.1178 17.032C72.7791 17.5653 73.1631 18.28 73.2698 19.176L70.8698 19.272C70.8165 18.8453 70.6565 18.5147 70.3898 18.28C70.1338 18.0453 69.7925 17.928 69.3658 17.928C68.9498 17.928 68.6245 18.0133 68.3898 18.184C68.1658 18.3547 68.0538 18.5893 68.0538 18.888C68.0538 19.1973 68.1711 19.432 68.4058 19.592C68.6405 19.7413 69.0565 19.8587 69.6538 19.944C70.5711 20.072 71.2965 20.248 71.8298 20.472C72.3631 20.696 72.7471 20.9787 72.9818 21.32C73.2165 21.6613 73.3338 22.088 73.3338 22.6C73.3338 23.4213 72.9925 24.0613 72.3098 24.52C71.6271 24.968 70.6885 25.192 69.4938 25.192Z" fill="white"/>
9
+ </g>
10
+ <rect x="0.5" y="0.5" width="87" height="30" rx="3.5" stroke="#2E2E2E" stroke-linejoin="round"/>
11
+ <defs>
12
+ <clipPath id="clip0_19_2">
13
+ <rect width="88" height="31" rx="4" fill="white"/>
14
+ </clipPath>
15
+ </defs>
16
+ </svg>