{"id":25636458,"url":"https://github.com/castlecss/castlecss-boilerplate","last_synced_at":"2025-06-23T19:38:10.239Z","repository":{"id":57194827,"uuid":"72835704","full_name":"CastleCSS/castlecss-boilerplate","owner":"CastleCSS","description":"A simple and mobile-friendly HTML5 template with CastleCSS to kickstart your website","archived":false,"fork":false,"pushed_at":"2018-11-13T10:22:04.000Z","size":492,"stargazers_count":28,"open_issues_count":2,"forks_count":3,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-04-12T02:04:32.161Z","etag":null,"topics":["boilerplate","castlecss","front-end","front-end-development","front-end-framework","grunt","html5","mobile-first","scss"],"latest_commit_sha":null,"homepage":"http://www.castlecss.com","language":"HTML","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/CastleCSS.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}},"created_at":"2016-11-04T10:00:44.000Z","updated_at":"2023-09-11T19:11:13.000Z","dependencies_parsed_at":"2022-09-16T05:14:17.600Z","dependency_job_id":null,"html_url":"https://github.com/CastleCSS/castlecss-boilerplate","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CastleCSS%2Fcastlecss-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CastleCSS%2Fcastlecss-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CastleCSS%2Fcastlecss-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CastleCSS%2Fcastlecss-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CastleCSS","download_url":"https://codeload.github.com/CastleCSS/castlecss-boilerplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248968914,"owners_count":21191162,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["boilerplate","castlecss","front-end","front-end-development","front-end-framework","grunt","html5","mobile-first","scss"],"created_at":"2025-02-23T00:47:20.931Z","updated_at":"2025-04-14T22:10:47.785Z","avatar_url":"https://github.com/CastleCSS.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CastleCSS Boilerplate\n[CastleCSS](https://github.com/CastleCSS/) is a modular, updatable and easy to use HTML and SCSS framework.\nUse this Boilerplate to get started with your project right away!\n\n![CastleCSS logo @CastleCss.com](https://www.doordarius.nl/castlecss-logo-250.png)\n\n## What's included?\n- A simple and mobile-friendly HTML5 template to kickstart your website\n- Configuration for Grunt, to easily compile and minify your Sass files\n- [castlecss-core](https://github.com/CastleCSS/castlecss-core)\n- [castlecss-buttons](https://github.com/CastleCSS/castlecss-buttons)\n- [castlecss-forms](https://github.com/CastleCSS/castlecss-forms)\n- [castlecss-notifications](https://github.com/CastleCSS/castlecss-notifications)\n- [castlecss-breadcrumbs](https://github.com/CastleCSS/castlecss-breadcrumbs)\n- [castlecss-icons](https://github.com/CastleCSS/castlecss-icons)\n- [castlecss-stickers](https://github.com/CastleCSS/castlecss-stickers)\n\n## How to install\n- Download or clone this package\n- Install the project: ```npm install```\n\n## Build and run automatically\n- Start the project with: ```npm run start```\n\nThis will automatically start a browserSync server.\u003cbr /\u003e\nThe project will watch for changes in your scss and html files in your root and scss folder and automatically reload when you change something\n\n## Build and run manually\n- Build the project: ```npm run create_all```\n- Only build CSS: ```npm run create_css```\n\n## Basic structure\nThe basis structure for your website should look similar like this:\n\n```\n| Project directory/\n|\n|-- node_modules/\n| | -- castlecss-core/\n| | --castlecss-buttons/\n| | --castlecss-notifications/\n| |\n|-- scss/\n| |-- main.scss\n| |-- variables.scss\n| |\n|-- img/\n|-- dist/\n| |-- styles.min.css\n| |-- styles.min.map\n| |\n|-- index.html\n|-- Gruntfile.js\n|-- package.json\n```\n\n### main.scss\nYour main.scss should have the following set-up:\n\n```\n/* \tCastleCSS Core variables */\n@import \"node_modules/castlecss-core/sass/variables\";\n\n/* \tYour variables */\n@import \"variables\";\n\n/* \tRemaining Core files and other CastleCSS modules */\n@import \"node_modules/castlecss-core/sass/main\";\n@import \"node_modules/castlecss-buttons/sass/main\";\n@import \"node_modules/castlecss-notifications/sass/main\";\n\n/* Include your own files below this line\n   -------------------------------------- */\n\n\n\n/* --------------------------------------\n   Include your own files above this line */\n\n@import \"node_modules/castlecss-core/sass/base/utility\";\n@import \"node_modules/castlecss-core/sass/base/utility_spacers\";\n```\n\n## Documentation and examples\nCheck out http://www.castlecss.com for an extended documentation and more examples!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcastlecss%2Fcastlecss-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcastlecss%2Fcastlecss-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcastlecss%2Fcastlecss-boilerplate/lists"}