mazey.css
v1.3.0
Published
Mazey Style
Downloads
34
Maintainers
Readme
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
| Dependency | Version | |------------|----------| | Node.js | v14.21.3 |
License
This software is released under the terms of the GPL-2.0 license.