swagger-api / swagger-api/swagger-ui
postcss-simple-vars: <css input> Undefined variable $vocabulary
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 29k
- Forks
- 9.3k
- Avg merge
- 2d 23h
- Merged PRs (30d)
- 25
Description
Q&A (please complete the following information)
- OS: macOS
- Browser: Arc
- Version: Version 1.46.0 (50665)
Chromium Engine Version 125.0.6422.142 - Method of installation: npm
- Swagger-UI version:
5.17.14 - Swagger/OpenAPI version: OpenAPI 3.0
Content & configuration
import "swagger-ui-react/swagger-ui.css";
Simple importing this file into a Next.js (v14.1.4) causes a crash.
Syntax error: postcss-simple-vars: <css input> Undefined variable $vocabulary
1 | .models .json-schema-2020-12:not(.json-schema-2020-12--embedded) > .json-schema-2020-12-head .json-schema-2020-12__title:first-of-type {
> 2 | font-size: 16px;
| ^
3 | }
4 |
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the crash from the import "swagger-ui-react/swagger-ui.css"; entry point in Next.js 14.1.4 and inspect the reported postcss-simple-vars error around the JSON Schema CSS rule. Done means importing the Swagger UI stylesheet no longer fails with an undefined $vocabulary variable.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript, nextjs
- Domain
- build-system, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100