- added: - REM sizing values now accept classes for sizes `3.5rem` and `3.75rem` - Line height values now accept classes for heights `1.1`, `1.2`, `1.3`, and `1.4` - New `.flex-cr` class for items centered vertically in row direction. This class is equivalent with the following classes: `flex flex-row align-c` - Additional `backdrop-blur-[size]` classes. The full list is now: `'1' '2' '3' '4' '5' '6' '7' '8' '9' '10' '11' '12' '13' '14' '15' '20' '25' '30'` - New `border-color-[color]` classes for colored borders. Example: `.border-color-magenta` for `border-color: var(--magenta-60);` - More Grid gap spacing options. - You can now modify the animation of the `.dynamic-view` component with the same animations that `.j-dropdown-menu` uses. - New `.ellipsis` class which is equivalent to: `text-overflow: ellipsis;` - modified: - Moved `header.css` from `src/assets` to `src/css`
|2 days ago|
|Icons||2 days ago|
|Vivus||2 days ago|
|tfn||2 days ago|
|README.md||2 weeks ago|
Occasionally, extensions will be listed that are not "official," in that JupiterUI, as an organization, didn't write. In the extension folder, it will be specified who the creator is.
Layout of Extensions
Extensions are folders that (primarily) consist of:
README.mdfile explaining the purpose and use of the extension; and
- either a
.cssfile or a
On occasion, like the Vivus extension (introduced in 3.5.0), there will also be source files. These can be ignored; the README will clarify which files to use.
Using an extension
For all other types of extensions, CSS files included, you simply add a
<script> tag, respectively.