https://github.com/flkt-crnpio/mol-normalize

npm i mol-normalize . normalizador con funciones para ajustar el color primario, la tipografía y media queries para cambiar el tamaño de los títulos.
https://github.com/flkt-crnpio/mol-normalize

css mol-project normalize-css sass scss

Last synced: about 1 month ago
JSON representation

npm i mol-normalize . normalizador con funciones para ajustar el color primario, la tipografía y media queries para cambiar el tamaño de los títulos.

• Host: GitHub
• URL: https://github.com/flkt-crnpio/mol-normalize
• Owner: flkt-crnpio
• Created: 2020-02-19T23:07:42.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-06-18T06:18:55.000Z (7 months ago)
• Last Synced: 2024-10-31T06:23:28.299Z (2 months ago)
• Topics: css, mol-project, normalize-css, sass, scss
• Language: SCSS
• Homepage: https://flkt-crnpio.github.io/mol-normalize/
• Size: 498 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## mol normalize

normalize css file a.k.a. para que se vean igual las etiquetas de html en todos los navegadores. tiene unas pocas variables para poder editar el estilo general como el color primario o la tipografía y media queries para cambiar el tamaño de los títulos.

### scripts

* para ver los cambios locales `npm start`

* para actualizar el archivo de pruebas docs/n.css `npm run scss`

* para obtener el archivo minificado mol/n.min.css `npm run mol`

### variables

```text

$m-font-family: sans-serif;

$m-font-size: 16px;

$m-font-weight: 400;

$m-letter-spacing: normal;

$m-line-height: 1.5em;

$m-code-family: monospace;

$m-em-family: serif;

$m-h-family: sans-serif;

$m-h-size: 23px;

$m-h-height: 1em;

$m-h-spacing: normal;

$m-h-weight: 600;

$m-h-style: normal;

$m-h-transform: none;

$m-colors: (

  "background": #FFF,

  "font": #292321,

  "primary": #19efaf

);

$m-queries: (

  "phone": (

    "since": 320px,

    "until": 767px,

  ),

  "tablet": (

    "since": 768px,

    "until": 1024px,

  ),

  "laptop": (

    "since": 1025px,

    "until": 1599.99px,

  ),

  "desktops": (

    "since": 1600px,

    "until": 99999px,

  )

);

```

### archivos

```text

mol-n/

├── mol/

│   ├── n.min.css

│   └── n.min.css.map

├── docs/

│   ├── index.html

│   ├── n.css

│   └── n.css.map

└── scss/

    ├── _normalize.scss

    ├── _vars.scss

    └── n.scss

```

## problemas conocidos

(//▽//) El input type search funciona como un input type text, para mantener el estilo general de los inputs