Package Exports
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (chimeracss) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
ChimeraCSS
Classless CSS framework with a clean, soft and modern design inspired By SakuraCSS and Marx.
Why?
Classless css frameworks is great for building beautiful UI, without worrying about unresponsive and unacessible elements. Chimera does the element styling for you, which only leaves the layout to you. For building MVPs fast and building UI without a designsystem; Chimera is a great framework.
Roadmap
Goals
What we want to achieve for the framework is as following:
- Easy to implement into private projects
- Clean, soft and modern design
- Responsive by default
- Acessible elements
- Compatibility with classbased css-frameworks
How?
You can implement chimera into your private project by downloading the ChimeraCSS package and directly link to the Chimera.css file:
npm install chimeracss
yarn add chimeracss
pnpm add chimeracssimport "~/node_modules/chimeracss/build/chimera.css";or by including this tag in your HTML header. (Remember to declare version where ":version" is, in the URL)
<link
rel="stylesheet"
type="text/css"
href="https://unpkg.com/chimeracss@:version/build/chimera.css"
/>Themes
Chimera has multiple themes:
- chimera
- chimera-dark
- chimera-golden
- chimera-autumn
- chimera-blues
- chimera-plain
to use an alternative theme, change the filename in the import to the same as the theme. Here is an example of how to implement chimera-dark:
import "~/node_modules/chimeracss/build/chimera-dark.css";or
<link
rel="stylesheet"
type="text/css"
href="https://unpkg.com/chimeracss@:version/build/chimera-dark.css"
/>License
You can check out the full license here This project is licensed under the terms of the Apache License 2.0 license.