Miss any of our Open RFC calls?Watch the recordings here! »

@minna-ui/css

0.36.0 • Public • Published

NPM version NPM bundle size (minified + gzip) Licence

@minna-ui/css

CSS framework for use in Minna UI projects or standalone.

Usage

Pre-built

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/css@0.0.0" rel="stylesheet"/>

Custom build

  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.

Licence

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


© 2020 We Are Genki

Install

npm i @minna-ui/css

DownloadsWeekly Downloads

170

Version

0.36.0

License

Apache-2.0

Unpacked Size

264 kB

Total Files

42

Last publish

Collaborators

  • avatar