edresponsive
v0.1.0
Published
Creación del un frameword de css resposive con node.js, css, es2015
Downloads
1
Readme
��#� �E�p�-�r�e�s�p�o�n�s�i�v�e�
�
�
�
�L�o�s� �i�t�e�m� �p�o�d�r�a�n� �c�o�l�o�c�a�r�s�e� �e�n� �c�o�l�u�m�n�a�s� �o� �e�n� �p�o�n�c�e�n�t�a�j�e�s� �s�e�g�u�n� �s�u� �g�u�s�t�o�.�
�
�
�
�P�a�r�a� �l�a� �c�o�l�u�m�n�a�s� �e�n� �d�i�p�o�s�i�t�i�v�o�s� �m�o�v�i�l�e�s� �m�a�s� �p�e�q�u�e���o�s� �e�n�t�r�e� �0� �-� �3�1�9�p�x� �u�t�i�l�i�z�a�r�e�m�o�s�:�
�
�
�
�.�s�p�h�-�1�
�
�
�
�.�s�p�h�-�2�
�
�
�
�.�s�p�h�-�3�
�
�
�
�.�s�p�h�-�4�
�
�
�
�.�s�p�h�-�5�
�
�
�
�.�s�p�h�-�6�
�
�
�
�.�s�p�h�-�7�
�
�
�
�.�s�p�h�-�8�
�
�
�
�.�s�p�h�-�9�
�
�
�
�.�s�p�h�-�1�0�
�
�
�
�.�s�p�h�-�1�1�
�
�
�
�.�s�p�h�-�1�2�
�
�
�
�P�a�r�a� �e�l� �p�o�n�c�e�n�t�a�j�e�s� �v�a�m�o�s� �d�e� �5� �e�n� �5�:�
�
�
�
�.�s�p�h�5�
�
�
�
�.�s�p�h�1�0�
�
�
�
�.�s�p�h�1�5�
�
�
�
�.�s�p�h�2�0�
�
�
�
�.�s�p�h�2�5�
�
�
�
�.�s�p�h�3�0�
�
�
�
�.�s�p�h�3�5�
�
�
�
�.�s�p�h�4�0�
�
�
�
�.�s�p�h�4�5�
�
�
�
�.�s�p�h�5�0�
�
�
�
�.�s�p�h�5�5�
�
�
�
�.�s�p�h�6�0�
�
�
�
�.�s�p�h�6�5�
�
�
�
�.�s�p�h�7�0�
�
�
�
�.�s�p�h�7�5�
�
�
�
�.�s�p�h�8�0�
�
�
�
�.�s�p�h�8�5�
�
�
�
�.�s�p�h�9�0�
�
�
�
�.�s�p�h�9�5�
�
�
�
�.�s�p�h�1�0�0� �
�
�
�
�C�o�n� �E�p�-�r�e�s�p�o�s�i�v�e�.�c�s�s� �p�o�d�r�a�s� �m�a�q�u�e�t�a�r� �t�u�s� �a�p�p� �d�e� �c�u�a�t�r�o� �m�a�n�e�r�a�s�:�
�
�
�
�
�
�!�[�A�l�t� �f�l�o�a�t�]�(�f�l�o�a�t�.�j�p�g� �"�f�l�o�a�t�"�)�
�
�
�
�#�#� �M�a�q�u�e�t�a�c�i���n� �c�o�n� �f�l�o�a�t�
�
�
�
�P�a�r�a� �m�a�q�u�e�t�a�r� �u�n� �d�i�p�o�s�i�t�i�v�o� �r�e�s�p�o�s�i�v�e� �c�o�n� �f�l�o�a�t� �n�e�c�e�s�i�t�a�m�o� �u�n� �c�o�n�t�e�n�e�d�o�r�
�
��
�<�s�e�c�t�i�o�n� �c�l�a�s�s�"�c�o�n�t�e�n�e�d�o�r� �c�l�e�a�r�"�>��
�,� �l�o�s� �i�t�e�m� �s�e� �l�e� �a�g�r�e�g�a�n� �l�a� �s�i�g�u�i�e�n�t�e�s� �c�l�a�s�e�s�:�
�
��
�c�l�a�s�s�=�"�f�l�o�a�t�l��
� �o� ��
�c�l�a�s�s�=�"�f�l�o�a�t�r�"��
�
�
�
�
�
�
�
�
�
�
�#�#� �M�a�q�u�e�t�a�c�i���n� �c�o�n� �d�i�s�p�l�a�y�:� �i�n�l�i�n�e�-�b�l�o�c�k�
�
�
�
�P�a�r�a� �m�a�q�u�e�t�a�r� �u�n� �d�i�s�p�o�s�i�t�i�v�o� �r�e�s�p�o�s�i�v�e� �c�o�n� �d�i�s�p�l�a�y� �i�n�l�i�n�e�-�b�l�o�c�k� �t�e�n�e�m�o�s� �q�u�e� �a�g�r�e�g�r�a�r� �l�a� �c�l�a�s�e�s� ��
�c�l�a�s�s�=�"�f�0�"��
� �a�l� �c�o�n�t�e�n�e�d�o�r�,� �y� �a� �l�o�s� �i�t�e�m� �d�e�b�e�m�o�s� �a�g�r�e�g�a�r� �l�a� �c�l�a�s�e� ��
�c�l�a�s�s�=�"�i�-�b�"��
� �
�
�
�
�
�
�
�
�#�#� �M�a�q�u�e�t�a�c�i���n� �c�o�n� �d�i�s�p�l�a�y�:�t�a�b�l�e�
�
�
�
�E�n� �c�o�n�t�e�n�e�d�o�r� �a�g�r�e�a�m�o�s� �l�a� �c�l�a�s�e� ��
�c�l�a�s�s�=�"�t�a�b�l�e�"��
� �y� �a� �l�o�s� �i�t�e�m� ��
�c�l�a�s�s�=�"�t�a�b�l�e�-�c�e�l�l�"��
�.�
�
�
�
�
�
�
�
�
�
�