Cuando el menu esta en movil y despliegas un submenu y lo dejas abierto, al momento redimensionar el naegador y el menu regresar a su forma horizontal el submenu sigue abierto y no se puede cerrar, hasta que de nuevo lo veas en movil y cierres los submenus.

Estaría genial poder cambiar el prefijo ed para las clases como ed-container y ed-item o directamente quitarlo.

Basicamente para generar una identidad del proyecto especifico en el código.

De paso aprovecho para felicitar a todo el team de Escuela Digital por el excelente trabajo con el framework 👏👏

Nota: Ya se que simplemente se puede ingresar a los archivos y reemplazar el ed-, pero hacerlo con una variable o algo parecido permitiría actualizar el framework sin tener que volver a repetir el proceso.

https://trello.com/b/qyBI6q5b/edgrid

En la documentacion de ed-grid se menciona la parte de que un ed-item por defecto tiene un width:100%, pero sin embargo no es asi, el width de un ed-item por defecto es automatico, cosa que puede ser un problema si se usa la version css. Para mi que deberia de quedar en width:100% ya que si por ejemplo en un ed-item solo va un texto o una imagen, este ed-item va a tener el ancho del hijo.

Hola a todos, voy a empezar a usar EDgrid, queria consultarles cual sugieren es la mejor forma de instalarlo? ¿Como seria el entorno de desarrollo?

Test for sending issues to asana

Hola, estaba testeando y tome el html de ejemplo que hay en la documentación:

<div class="gallery">
  <div class="image"><!-- Una foto en la galeria--></div>
  <div class="image"><!-- Una foto en la galeria--></div>
  <div class="image"><!-- Una foto en la galeria--></div>
  <div class="image"><!-- Una foto en la galeria--></div>
  <div class="image"><!-- Una foto en la galeria--></div>
  <div class="image"><!-- Una foto en la galeria--></div>
  <div class="image"><!-- Una foto en la galeria--></div>
</div>

y en el sass esto:

.gallery {
@include grid('.image',1,1,2,3);
}

pero no me compila sass me sale este error:

{ [Error: test/styles.scss
Error: wrong number of arguments (5 for 3) for `grid'
on line 34 of test/styles.scss

@include grid('.image',1,1,2,4);
-----------^
]
status: 1,
file: '/opt/lampp/htdocs/www/EDgrid/test/styles.scss',
line: 34,
column: 12,
message: 'test/styles.scss\nError: wrong number of arguments (5 for 3) for grid\'\n on line 34 of test/styles.scss\n>> @include grid(\'.image\',1,1,2,4);\n -----------^\n', formatted: 'Error: wrong number of arguments (5 for 3) for grid'\n on line 34 of test/styles.scss\n>> @include grid('.image',1,1,2,4);\n -----------^\n',
messageFormatted: '\u001b[4mtest/styles.scss\u001b[24m\nError: wrong number of arguments (5 for 3) for grid\'\n on line 34 of test/styles.scss\n>> @include grid(\'.image\',1,1,2,4);\n -----------^\n', messageOriginal: 'wrong number of arguments (5 for 3) for grid'',
relativePath: 'test/styles.scss',
name: 'Error',
stack: 'Error: test/styles.scss\nError: wrong number of arguments (5 for 3) for `grid'\n on line 34 of test/styles.scss\n>> @include grid('.image',1,1,2,4);\n -----------^\n\n at options.error (/opt/lampp/htdocs/www/EDgrid/node_modules/node-sass/lib/index.js:283:26)',
showStack: false,
showProperties: true,
plugin: 'gulp-sass' }

Al parecer solo me acepta un parametro más despues de la clase... porque asi si me compila:

.gallery {
@include grid('.image',2);
}

O los mandamos al template. Tengo esa duda.

Buenas, al poner el:

.main-nav{
@include edNav(bottom,$size-menu);

En moviles de 5,5 se ve el primer item sin abrir el menu, esto es un bug?

Se debe cambiar el link del README actual en la línea: http://escuela.digital/edgrid
por este: https://ed-grid.com/documentacion/

Hola amigo Alvaro, me alegra que le haya gustado mi aporte al proyecto EDgrid.
Quería sugerir dejar el valor del $gutter por defecto en 0em, ya que en mi opinion adquiere una semantica mas clara ( lo cual sería una de las posibles soluciones al pequeño incoveniente que tuvo en uno de sus videos de la landing page ) . Es decir:

• El no enviar un valor de gutter al mixin significa que no se quiere un gutter entre items
• El enviarle un valor al gutter es porque se requiere que tenga un gutter entre items.

Saludos !

El Módulo de NPM de ed-grid ya funciona correctamente?

¡Hola!

Actualmente sólo se generan dos clases para los offsets de cada una de las fracciones predeterminadas.

Creo que tengo la solución para éste problema. Pronto envío mi PR con la solución.

Buscando framework CSS ligeros encontré y recomiendo mirar Pure(jquery) y Picnic.

Resumen tras googlear:

http://www.hongkiat.com/blog/bootstrap-alternatives/
skeleton
cardinalcss
concisecss
powertocss
furtive
basscss
mueller
tuktuk
base
toast

http://stackoverflow.com/questions/9212536/alternatives-to-twitter-bootstrap
Blueprint.css

Zurb Foundation - comprehensive alternative, includes lots of templates
Skeleton - minimal option
Initialzr - includes a basic responsive template by default, but can also integrate with Bootstrap (mainly for integrating HTML5 Boilerplate with Bootstrap)
Flat UI Kit - based on Bootstrap, but lots of styles and colours in the 'flat' design.
Gumby - Responsive grid, uses Sass by default
Inuit - Based on Sass and uses OOCSS

http://www.monolinea.com/css-frameworks-comparison/
⋅⋅⋅ middleweights
Gumby
Groundwork
⋅⋅⋅ lightweights
Pure
Base
KubeCSS

1) Me parece perfecto que todo este en ingles, o a su vez hagas una version en español y la misma en ingles para no dejar la lengua nativa del ed-grid, pero en si el ingles es todo.
2) Los parametros de cabecera para cambiar el sufijos de la clase es realmente bueno asi podemos cosas con diferentes clases y perspectivas.
3) el ED UI aparte de hacer el theme standar de cada componente (el standar deber ser un tipo flat o meterial design moderno para ganarle a ese bootstrap) luego de eso debes tener una especie de clases con nombres {sufijo}-theme-{nombre_del_theme} ejemplo:

• accordion-theme-akatse
• accordion-theme-flatsolid
• accordion-theme-material1
• accordion-theme-material2
• (cada vez que salga nueva version de agrega nuevos themes para los componentes)

y para tener variante de color, el theme standar debe ser un plomo o azul (color psicologico de la modernidad) flat o paste, pero si el user quiere otro color en los filos o donde haya color en ese componente debe agregar las clase ejemplo:

• accordion-color-red
• accordion-color-turke
• accordion-color-gray
• accordion-color-silver
• accordion-color-orange
• accordion-color-{hexadecimal}

:)

hola, me parece que los componentes que no son relativos a la grilla deberían de ser extraídos de edgrid y puestos en otro repositorio, de esta manera se tendría una separación de responsabilidades mucho mas clara. Por ejemplo se podría hacer un repo llamado ed-widgets o ed-ui y poner allí todos los widgets (al mejor estilo bourbon y neat), de esta manera widgets como edmenu los botones etc... estarían aparte y el usuario podría opcionalmente usarlos o no. Ademas de que edgrid hace referencia a una grilla no a elementos de la ui. ¿que les parece la idea?

Hola Álvaro, que te parecería armar un wiki con la documentación y los recursos disponibles sobre Ed-Grid?, así tanto el código como la documentación estarían en un mismo repo.

Hola alvaro, he creado un generador para yeoman de ed-grid en su ultima versión. Ya es totalmente funcional aunque con un poco mas de tiempo pienso mejorarlo. Ya esta publicado en npm, así que puede utilizarse con el comando:

npm install -g yo
npm install -g generator-ed-grid

El enlace al repo (por si lo quieren revisar) es: https://github.com/idcmardelplata/generator-ed-grid

Espero les sea de su agrado. Un saludo :)

Descargué la versión 2.0 y no me funcionaban los tamaños en fracciones. Descubrí que se compilaron sin comas tal como muestra la imagen, tanto en m l xl, solo a partir de las fracciones.

Hola, en la librería edgrid, existe unarchivo web-styles/config.mixins (para la maquetación de la documentación).

Salvo que me equivoque, este archivo es importante para el uso habitual de ed-grid. Al intentar no usarlo, tuve problemas con los sizes.

La pregunta es: ¿por qué no se añade como un archivo dentro de los ed-grid-components y así independizar ed-grid de los web-styles?

Un saludo y gracias, tengo curiosidad por saber la razón de mezclar los ed-grid-components con los web-styles.

Hola, no veo cómo poder ver los distintos temas de la documentación de edgrid con pantallas menores de 1024px.

El menú solo da opciones para ver los changelog, créditos, casos de éxito, ....

Buenas, estaba haciendo un menu de navegacion

		 <ul class="ed-menu l-horizontal nav-bar">
		 	<li><a href="#">item 1</a></li>
		 	<li><a href="#">item 2</a>
				<ul>
		 	<li><a href="#">Subitem 1</a></li>
		 	<li><a href="#">Subitem 2</a></li>
		 	<li><a href="#">Subitem 3</a></li>
		 	<li><a href="#">Subitem 4</a></li>
		 	<li><a href="#">Subitem 5</a></li>
		 </ul>
		 	</li>
		 	<li><a href="#">item 3</a></li>
		 	<li><a href="#">item 4</a></li>
		 	<li><a href="#">item 5</a></li>
		 </ul>
	</nav>	

Cuando al redimensionar el navegador para hacerlo como una tablet, veo que no despliega los submenus

es problema mio o de un fallo del grid?

Hola Alvaro, ed-grid esta genial y me gustaria saber bajo que licencia lo puedo usar. Podrias añadir un archivo o una anotacion en el repositorio acerca de la licencia?. Gracias por tu tiempo.

¿Sería posible usar o mapear las clases de Bootstrap a su análogo de las de EDgrid para poder usar EDgrid en proyectos anteriores que usan Bootstrap eliminando o disminuyendo el esfuerzo de portage o hacerlo transparente?
Gracias!

Error en el menú, al seleccionar una opción del menú que tiene un submenú lo muestra pero el alineado el la siguiente opción de menú. Es decir paso el ratón en en Acerca y muestra el submenú abajo de Productos, como muestra la imagen. Estoy siguiendo el ejemplo los paso del vídeo Cómo crear menús responsive con EDgrid 2

Hola

estoy usando la version 2.8.1

tengo un ejercicio con ed-container full y no me esta funcionando

me fui al core de la lbreria y solo veo el mixin:

@mixin full {
  max-width : 100%;
}

Hice este hack: para solucionarlo pero creo que esto deberia estar en la libreria, pero no sé si es que por las actualizaciones algo cambio

este es el hack que hice:

%ed-container.full {
  max-width    :100%;
}

Quedo atento saludos cordiales!

Sería interesante implementar variables para el manejo del "z-index" en CSS, para evitar conflictos de superposición, algo así:

$z-back: -10;
$z-normal: 1;
$z-tooltip: 10;
$z-fixed: 100;
$z-modal: 1000;

Problema solucionado.

Se hizo la prueba con varias versiones de NODE y se presenta la advertencia de compilacion con el SASS.

Buenas, ando probando EDgrid y al momento de compilar, me arroja un error en la línea 40 del _css-core.scss: dice no encontrar ningún mixin con el nombre "button".

F

Tuve un incoveniente con esos mixin y es que se solapan, ya que "hasta" tal pixel cierto elemento adquiere su efecto pero en ese mismo pixel si se usa el mixin "desde" lo sobreescribe.
Es decir si uno establece hasta(m) y desde(m) en el pixel 640px hay una solapación, y por ejemplo me ha pasado que 2 elementos se quedaron en ese breakpoint "m" uno debajo de otro, y eso supongo yo que pasa porque el hasta(m) deberia tener efecto hasta los 639px y no como esta ahora.

Saludos !

Al definir las propiedades width y height con valores absolutos, para cambiar el tamaño del contenedor de una imagen .img-container o agregar otra clase, mientras se utiliza el contenedor circle, sólo se aplica el ancho, pero el alto se mantiene al 100%, por lo que la imagen pierde proporción. Con el resto de contenedores si se ajustan ambos valores.

Ejemplo:

JSX:
<div className="profile-picture circle img-container"></div>

SCSS:
.profile-picture { width: 120px; height: 120px; }

Resultado:

No encuentro la carpeta con los archivos CSS como lo indica la documentación

Hola

creo que hay un error en el archivo EDgrid/components/_css-core.scss

en la linea 42:

&.radius { @include button(#DDD, 333, radius)

falta una # en el color creo que debería ser:

&.radius { @include button(#DDD, #333, radius)

Una vez corregido creo que hay que regenerar
css/ed-grid.css y css/ed-grid.min.css
porque tambien contienen el error

Saludos

tenemos que implementar el linter para este tipo de archivos, y el codigo sea testeado por unas ciertas reglas y así tener una convención mas general

Al cambiar los breakpoints se muestra:

./styles/styles.scss @error 'El mixin from() solo puede recibir un breakpoint del Core (#{map-keys($breakpoints)}) o un número en px, em o rem' ^ El mixin from() solo puede recibir un breakpoint del Core (s, m, lg, xl, xxl) o un número en px, em o rem