Back to packageRELEASE DETAILS

2.0.0-0

npm

123-milhas-icons

Set of icons used in 123milhas.com

Published18 Jun 2020

Direct dependencies0

Transitive dependenciesNot calculated

README

Version 2.0.0-0 documentation

Fonte de ícones 123milhas

Pacote de ícones destinado a nova iconografia do projeto 123milhas.

pasta raiz do projeto

Passo a passo para publicar um ícone

Esse tutorial depende do uso de três recursos principais:

Figma (https://figma.com): Ferramenta de design recomendada para manipulação dos vetores.
IcoMoon (https://icomoon.io/): Gerador de fontes
Reposítório da fonte de ícones (https://github.com/Plataforma13/123MilhasIconFont).

1. Clonar o repositório do projeto dos ícones.

O repositório é o lugar onde ficam todas as configurações, dados e versionamento do que foi criado para a geração da fonte. Ele deve ser sempre o ponto de partida para a geração de uma nova versão da fonte.

pasta raiz do projeto

A pasta raiz do projeto possui a segunte estrutura:

nomes terminados com "/" são diretórios

Arquivo/Diretório	Descrição
`dist/`	Contém os arquivos gerados pelo gerador de fontes (icomoon).
`docs/`	Todos os arquivos usados para cosntruir essa documentação e outras páginas do mesmo. Além de arquivos `.md`, imagens e outros tipos de assets relacionados a documentação devem ficar contidos aqui.
`src`	Diretório com arquivos fonte usados no gerador.
`.npmignore`	Arquivo similar ao `.gitignore` usado pelo npm para ignorar arquivos e diretórios na hora da publicação.
`123-milhas-icons.scss`	Arquivo indexador para SASS, usado para facilitar a importação dos arquivos em projetos que usam SASS como preprocessador.
`index.js`	Arquivo de entrada para os npm scripts. Atualmente é responsavel somente pelo comando `npm run demo`.
`package.json`	Configuração do pacote npm. Usado principalmente para nomear as versões da fonte de ícones. (Leitura: semântic versioning)

Além da pasta raiz a pasta src também possui uma organização específica:

nomes terminados com "/" são diretórios

Arquivo/Diretório	Descrição
`icons/`	Pasta contendo arquivos `.svg` que são importados no gerador.
`123milhas.json`	Arquivo de configuração do projeto da fonte usado pelo gerador.

2. Preparar um svg para fontes

Uma fonte web é um conjunto de simbolos usados como linguágem escrita ou visual. Um simbolo em uma fonte web é um caminho svg(Leitura: svg paths) preparado para ser redimensionado sem perder proporção e personalizado por meio de propriedades CSS, chamados de glyphs.

Um gliph tem que seguir duas regras básicas: Não possuir bordas(ou strokes no svg) e ossuir somente um agrupamento de vetores. Isso por que as bordas em um vetor escalável sempre tem um tamanho fixo, comprometendo a proporção dos vetores. Além disso diferentes grupos de vetores em um ícone podem ser redimensionados para escalas diferêntes fazendo com que alguns gliphs sejam renderizados diferentemente entre browsers.

Publicação

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 0

Native requirements

0 direct targetsNot calculated transitive count

No declared dependencies in this collected response

Declarations describe requirements; they are not a resolved dependency graph.

Distribution files

1 collected

Distribution 1

Source distribution

Source file

Checksums from source

{
  "integrity": "sha512-+rUe2JW+YIBW4tq3miTeGkqCtKvL/bH/DrOjsYBhYoUO3UL1IKbjfV/rllPSWajksXkRDS0SAoW8GVwU44DRhQ==",
  "shasum": "f0e506a8e593e277fd0e82257992423524dc68d2",
  "tarball": "https://registry.npmjs.org/123-milhas-icons/-/123-milhas-icons-2.0.0-0.tgz",
  "fileCount": 17,
  "unpackedSize": 604548,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe649NCRA9TVsSAnZWagAAV5QP+wYieHVdiXPgzAXrMcg6\nva+lYQSookp0CUf74Mpatrg9jdsAxe0BcnJCwlxIG0pUk2aaYowzq4CzEdcF\nDbzF8rTiZ+CJ/KyF9R35ZNrph995vOqXtvqDNRVYaPcvUWpgaLm6rDGZtklw\nG3cYD6tlf//6oKHMHe20S0p4QK+NJwgaPBBHHsLzsH5WYSpbJ5Pq6DJTmUY8\nfI7VrQrwpuSWnP8GeijahaxRYFptYzuxy6xIqedQw9XXD66mVJinI3Hlv1op\n5RQV8u0y0sRTS1Mc+3OtjMZh5cNMbCHKUUxxHHJJ8jtoJ4yupHBDyB0Zncu7\nTE+zax3A3j8Y0lWhKcVOZqK/FcIMRe/LCUPgkUbkv8ZE72R02dRdToijlXnn\nasN3dWJ1+7i40x8btRifT0PXQZ/rwjE8XPvkJ+X2VBCtmWld45nmlE0iYruK\nEZy67bQ7H8L8BUayBykAxT0Y88cJ2GyXRZ2wg1jd8KKZtbQuioFko2Bvsu0g\nY8SY7lV00eXTvCdKgL48ebVlwT7cxPCPORyDN5li4wxhQB6/nzDRwSFwYgMw\n0IHoM3Gt0fq7BIs/4pveQbghivtdVd7sqV7la8MM4WWSJBeMiPjNKSng5p6+\nzzSbgP9Z4I8fM/6QEvMx9W/idQ2p/P7z7LR0QQ/hMgfbUYeEgkcuA+fMsaHN\nBCal\r\n=89Jx\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIHO0AohAdEMJ7D2CY9FYrKzCbiFns6irHqMw+ggXvOl8AiEA6dLzi7wzBQ4U966TsLkJPH4DVfpO347Z+Sa419kgMv4="
    }
  ]
}

Repository

NOT_FOUND

plataforma13/123milhasiconfont

Shared repository data · GitHub

License detected in repository: Not collected

Metadata history

Meaningful changes

Current collected state Current

Observed since 20 Oct, 18:08 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:335161a72d4e5ca2d04b124f57d614d0d2cb0569e2c80b3d881f1e5315d552ce

Other collected versions

2.32.015 Feb 2.31.02 Dec 2.30.02 Dec 2.29.02 Dec 2.28.023 Nov 2.27.07 Nov View all collected versions →