CSS framework for use in Minna UI projects or standalone.

We recommend using a custom build in most projects but for quick prototyping you can use a pre-built CSS file. Simply add this to your document head for the latest version:

<link href="https://cdn.jsdelivr.net/npm/@minna-ui/css" rel="stylesheet" />

Or use a specific version:

<link href="https://cdn.jsdelivr.net/npm/@minna-ui/[email protected]" rel="stylesheet"/>

1. Install this package and dependencies:

   yarn add @minna-ui/css \
     && yarn add -D @minna-ui/postcss-config

2. Set up @minna-ui/postcss-config according it its usage instructions.

3. If you want to override the default variables, create an import.css and a _variables.css file alongside your other CSS:

   import.css:

   /* README: Import this file into components for access to CSS variables */
   
   @import "@minna-ui/css/src/import.css";
   @import "_variables.css";

4. Import the framework into your main CSS:

   @import "@minna-ui/css/src";

5. Although optional, we highly recommend setting up purgecss in your project to remove any unused styles. This will drastically reduce your CSS file size making it faster to send over the network and faster for browsers to parse when loading pages.

@minna-ui/css is part of Minna UI, an Apache-2.0 licensed open source project. See LICENCE.

© 2020 We Are Genki