1.0.4 • Published 1 year ago

@sankhyalabs/docscss v1.0.4

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

docscss

docscss é um projeto criado para documentação de variavéis css, tem como principal objetivo gerar um markdown apresentando o nome da varivel e o qual é seu objetivo faz.

Exemplo:

Documentação no CSS.

/*@doc Define a largura do box do checkbox */
--chk--box--width: 18px;
/*@doc Define a altura do box do checkbox */
--chk--box--height: 18px;

Documentação gerada.

CSS Variables

VariableDescription
--chk--box--widthDefine a largura do box do checkbox
--chk--box--heightDefine a altura do box do checkbox

Como utilizar:

Instalação:

npm install @sankhyalabs/docscss --save-dev

Utilizar como task do gulp:

const {CssDocs} = require('@sankhyalabs/docscss');

gulp.task('css-docs', function () {
    return watch(['src/components/*/*.{css,sass}'], { ignoreInitial: false },   function (vnyl) {
        CssDocs.build(vnyl.path);
    });
});

Utilizar como script do node:

import {CssDocs} from '@sankhyalabs/docscss';
CssDocs.build('src/components/**/*.css');

Funções públicas

AssinaturaFuncionalidades
build(path: string | string[]): voidEssa função recebe uma string ou um Array de strings com o(s) path(s) do(s) arquivos(s) css a serem parseados, essa string pode ser o caminho completo do arquivo, ou com caracteres curingas. Exemplos: "src/components//.{css,sass}", "src/components/*/.css", src/components/inputs/meuinput.css
1.0.2

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

1.0.1

3 years ago

1.0.0

3 years ago