{"id":16348077,"url":"https://github.com/antonio-laguna/demo-postcss","last_synced_at":"2026-05-01T06:33:57.579Z","repository":{"id":143192599,"uuid":"414145298","full_name":"Antonio-Laguna/demo-postcss","owner":"Antonio-Laguna","description":"Usando PostCSS como alternativa a Sass","archived":false,"fork":false,"pushed_at":"2021-10-06T09:20:00.000Z","size":51,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-19T11:09:15.683Z","etag":null,"topics":["css","demo","postcss"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Antonio-Laguna.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-10-06T09:18:38.000Z","updated_at":"2021-10-06T09:20:52.000Z","dependencies_parsed_at":"2023-06-27T00:22:17.989Z","dependency_job_id":null,"html_url":"https://github.com/Antonio-Laguna/demo-postcss","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Antonio-Laguna/demo-postcss","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Antonio-Laguna%2Fdemo-postcss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Antonio-Laguna%2Fdemo-postcss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Antonio-Laguna%2Fdemo-postcss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Antonio-Laguna%2Fdemo-postcss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Antonio-Laguna","download_url":"https://codeload.github.com/Antonio-Laguna/demo-postcss/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Antonio-Laguna%2Fdemo-postcss/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32487561,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","demo","postcss"],"created_at":"2024-10-11T00:48:46.511Z","updated_at":"2026-05-01T06:33:57.560Z","avatar_url":"https://github.com/Antonio-Laguna.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Demo PostCSS\n\nEste proyecto de ejemplo demuestra cómo podemos usar [PostCSS](https://postcss.org/) para compilar CSS que es parecido a Sass a CSS que pueda entender el navegador.\n\nClona el proyecto y ejecuta `npm i` para instalar todas las dependencias que se instalarán de forma local.\n\nPuedes encontrar los ficheros CSS usados en el directorio `src/css`. El fichero `index.css` se encarga de importar el resto.\n\nCaracterísticas presentes:\n\n* Importar diferentes ficheros, incluido un paquete de NPM.\n* Mixins (se pueden ver en `src/css/mixins.css`).\n* Anidación de CSS *a la* Sass.\n* Preset Env usando:\n  * Selectores personalizados.\n  * Media queries personalizadas.\n  * Variables.\n  * Autoprefixer.\n* Sourcemaps en desarrollo.\n* CSSNano para compilación.\n\n## Scripts disponibles\n\n```shell\n$ npm run css:dev\n```\n\nCompila el CSS en modo desarrollo, sin comprimir y con sourcemaps.\n\n```shell\n$ npm run css:watch\n```\n\nCompila el CSS en modo desarrollo y si cambia algún fichero CSS, volverá a compilar.\n\n```shell\n$ npm run css:build\n```\n\nCompila el CSS en modo producción con el código comprimido y sin sourcemaps.\n\n---\n\nProyecto que acompaña a este artículo de mi blog: [Migrando de Sass a PostCSS](https://antonio.laguna.es/migrando-sass-a-postcss?utm_source=GitHub\u0026utm_campaign=Demo).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fantonio-laguna%2Fdemo-postcss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fantonio-laguna%2Fdemo-postcss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fantonio-laguna%2Fdemo-postcss/lists"}