Skip to content

Commit

Permalink
Modificación del readme
Browse files Browse the repository at this point in the history
  • Loading branch information
nirougi committed Sep 1, 2016
1 parent 4a5e732 commit 5089645
Show file tree
Hide file tree
Showing 2 changed files with 44 additions and 21 deletions.
Binary file added img/poncho.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
65 changes: 44 additions & 21 deletions readme.md
@@ -1,43 +1,66 @@
![Poncho](img/poncho.gif)

# Poncho

Base de html y css para la creación de sitios pertenecientes a la Administración Pública Nacional de la República Argentina.

Para usar Poncho en un sitio, ver [la documentación](http://argob.github.io/poncho/).
## Instalación

Para usar Poncho en un sitio, ver [la documentación](http://argob.github.io/poncho).

Se pueden bajar los archivos, o implementar mediante NPM para mantenerlo actualizado con el siguiente comando:

npm install argob-poncho
```bash
npm install argob-poncho
```

## Instalación y requisitos
### Puesta en marcha

Para poder compilar el proyecto es necesario tener instalado Ruby y la gema de [Sass](http://sass-lang.com/): *(Si lo requiere, usar sudo)*
Incluir en el html los siguientes archivos CSS:

gem install sass
```html
<link rel="stylesheet" href="dist/css/droid-serif.css">
<link rel="stylesheet" href="dist/css/roboto-fontface.css">
<link rel="stylesheet" href="dist/css/poncho.css">
```

## Ubicación de archivos
## Desarrollo

* Los archivos CSS compilados, se encuentran en la carpeta *dist/*.
* El archivo .SCSS principal es *src/css/poncho.scss*.
* Los archivos .SCSS restantes se ubican en la carpeta *src/css/modules/*.
Para poder compilar el proyecto es necesario tener instalado [Ruby](https://www.ruby-lang.org/es/) y la [gema de Sass](http://sass-lang.com/): *(Si lo requiere, usar sudo)*

## Puesta en marcha
```bash
gem install sass
```
### Ubicación de archivos

Incluir en el html los siguientes archivos CSS:
* Los archivos CSS compilados, se encuentran en la carpeta **dist/**.
* El archivo .SCSS principal es **src/css/poncho.scss**.
* Los archivos .SCSS restantes se ubican en la carpeta **src/css/modules/**.

<link rel="stylesheet" href="dist/css/droid-serif.css">
<link rel="stylesheet" href="dist/css/roboto-fontface.css">
<link rel="stylesheet" href="dist/css/poncho.css">
### Compilar archivos SCSS luego de modificarlos.

En **Sublime Text** recomendamos tener los siguientes packages, disponibles en package controller:
Para actualizar el CSS principal cada vez que un archivo SCSS se modifica, estando en la carpeta raíz del proyecto ejecutar:

- **Sass** *(Para colores de los archivos scss)*
```bash
sass --watch src/css/poncho.scss:dist/css/poncho.css
```

## Compilar archivos SCSS luego de modificarlos.
Para actualizar la versión minificada:

Actualizar el CSS principal cada vez que un archivo SCSS se modifica:
```bash
sass --watch src/css/poncho.scss:dist/css/poncho.min.css --compressed
```

sass --watch src/css/poncho.scss:dist/css/poncho.css
##Registro de cambios

Para actualizar la versión minificada:
**v0.3**
- Actualización estética general
- Agrega colores de la plate extendida
- Agrega helpers para márgenes y alineación de texto responsive

**v0.2**
- Modificaciones generales de estilos
- Publicación en npm

sass --watch src/css/poncho.scss:dist/css/poncho.min.css --compressed
**v0.1**
- Primera versión

0 comments on commit 5089645

Please sign in to comment.