mazey.css v1.3.0

mazey.css

Install

Use mazey.css via npm.

npm install mazey.css --save

Of course, you can also download this file and serve it yourself. The file locates at the lib/index.css.

Basic Usage

import 'mazey.css';

Webpack Configuration

webpack.config.js:

module.exports = {
  module: {
    rules: [
      {
        test: /\.scss$/,
        use: [
          'style-loader',
          'css-loader',
          'sass-loader',
          {
            loader: 'sass-resources-loader',
            options: {
              resources: 'mazey.css/src/extend/index.scss',
            },
          },
        ],
      },
    ],
  },
};

webpack-example.scss:

.foo {
  @extend %m-flex-center;
}

Vue CLI Configuration

vue.config.js:

module.exports = defineConfig({
  css: {
    loaderOptions: {
      sass: {
        additionalData: `@import 'mazey.css/src/extend/index.scss';`,
      },
    },
  },
});

vue-cli-example.scss:

.foo {
  @extend %m-flex-center;
}

Deploy

git clone https://github.com/mazeyqian/mazey.css.git style

Confluence

Confluence is a popular document tool for companies. But the support for Markdown is inferior. For example, it can't display the style of the table and code. Therefore, the project will supply the effect of it.

<link type="text/css" href="//example.com/style/lib/confluence.css" rel="stylesheet" />

Contributing

Development Environment

License

This software is released under the terms of the GPL-2.0 license.