Cambiar estilo de la navegación

[diegobeauroyre]

Aquí pongo cómo quedaría la navegación superior con medidas.

[defvol]

y en móvil?

[defvol]

El logo está acá: http://mexico-abierto.github.io/iniciativa-datos-abiertos/assets/img/logo.svg

[diegobeauroyre]

Va móvil con los dos SVGs de los íconos.

[diegobeauroyre]

Pngs íconos móvil

[gvilarino]

Pueden dar detalles de tipografías, tamañs, etc?

[diegobeauroyre]

Acá están detalle de tipografías y tamaños: Abel: https://www.google.com/fonts/specimen/Abel Open Sans: http://www.google.com/fonts/specimen/Open+Sans

[gvilarino]

Idealmente, crear un directorio estilos o styles en /lib y ahí mismo poner las hojas de estilo.

Luego, en boot/component.json, en la parte de local definir dicho componente así se puede requerir desde cualquier otro componente en su component.json correspondiente.

Para más info de cómo funciona component puede leer la documentación oficial.

[cristiandouce]

Me gusta mas assets en lugar de estilos|styles. De esa manera queda más claro que puede incluir imagenes y otras perlas. Sino llamarlo mexico-abierto y listo.

[gvilarino]

:+1: mexico-abierto

[defvol]

Entonces dentro de /lib va el componente "mx_a" (mexico-abierto), y ahí va main.styl

[cristiandouce]

Casi, todavía no lanzamos el compilador de stylus. Un main.css es suficiente. El archivo que actualmente se encuentra en homepage es lo que nos quedó en trámite. La estructura final quedaría así:

lib/
|-- mexico-abierto/
    |-- component.json
    |-- main.css

Donde component.json debería cumplir el siguiente formato básico:

{
  "name": "mexico-abierto",
  "description": "Mexico Abierto styles",
  "styles": ["main.css"]
}

Por otro lado, en lib/boot debes incluir el component local que acabamos de crear. Para eso en lib/boot/component.json editar para que quede así:

{
  "name": "boot",
  // ...
  "local": [
  //...
  "mexico-abierto"
  ],
  // ...
}

El orden importa! Ya que dictaminará qué estilo tiene predominancia por definición simple. Para poder pisar algunos estilos ya definidos en DemocracyOS en algunos casos habrá que especificar una cadena de CSS selector más específica... Los juegos típicos del CSS para pisar styles...

[cristiandouce]

@rodowi de todas formas creo que @gvilarino había dicho que les hacía en un branch la estructura y load básico para que puedan comitear ahi, y luego merge en branch demo.

[gvilarino]

Voy a crear una estructura básica en el branch style-structure

[gvilarino]

@rodowi @urkonn @diegobeauroyre pueden ver el ejemplo en el PR o directamente en el branch style-structure

[defvol]

listo, gracias

tuve que agregar una clase a body para hacer el override,

cambios en el mismo PR

[defvol]

El estilo lo estaremos moviendo acá http://codepen.io/rodowi/pen/eijvg

[defvol]

f*ck it, no veo caso cambiar el layout - mejor lo respetamos

[cristiandouce]

:+1: Se ve muy bien igual.

[defvol]

Cerrado por PR #15 y #18

[defvol]

Ahhh falta el móvil

[defvol]

Nueva decisión que tomamos con @diegobeauroyre

Descartamos el botón para el menú de la derecha.

[defvol]

es redundante, que política te deje en el mismo doc, ver antecedentes no es prioritario, y regístrate ya se logra con el botón que ya tiene DemocracyOS