{"id":22403373,"url":"https://github.com/springload/frontend-starter-styles","last_synced_at":"2025-09-08T18:39:49.705Z","repository":{"id":44121013,"uuid":"122562516","full_name":"springload/frontend-starter-styles","owner":"springload","description":"The building blocks of CSS at Springload","archived":false,"fork":false,"pushed_at":"2023-01-04T06:23:18.000Z","size":691,"stargazers_count":3,"open_issues_count":10,"forks_count":4,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-04-13T09:12:29.921Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"SCSS","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/springload.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":"2018-02-23T02:22:12.000Z","updated_at":"2022-12-12T22:33:16.000Z","dependencies_parsed_at":"2023-02-02T01:00:59.921Z","dependency_job_id":null,"html_url":"https://github.com/springload/frontend-starter-styles","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springload%2Ffrontend-starter-styles","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springload%2Ffrontend-starter-styles/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springload%2Ffrontend-starter-styles/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springload%2Ffrontend-starter-styles/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/springload","download_url":"https://codeload.github.com/springload/frontend-starter-styles/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248688566,"owners_count":21145766,"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":[],"created_at":"2024-12-05T09:16:56.880Z","updated_at":"2025-04-13T09:12:33.987Z","avatar_url":"https://github.com/springload.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# :warning: Old, do not use :warning: #\n\nThese styles quite are old and don't reflect what a modern CSS setup should look like. \n\nThe [Frontend starter kit](https://github.com/springload/frontend-starter-kit) contains much better starter CSS code. While you may not need everything in the starterkit for your particular project, the CSS reflects everything in this repo... but better.\n\n# Frontend starter styles\n\n\u003e The building blocks of CSS at Springload\n\n## Using the styles\n\n\u003e Clone the project on your computer, install [Node](https://nodejs.org) and [Yarn](https://yarnpkg.com/lang/en/docs/install/). This project also uses [nvm](https://github.com/creationix/nvm).\n\n```sh\ncd ~/Development/sites/\ngit clone git@github.com:springload/frontend-starter-styles.git\n# Go to your project\ncd YOUR_PROJECT_NAME\n# Copy the sass folder's contents from the starter-styles to your project\n# eg. cp -a source destination\ncp -a ../PATH_TO_STARTER_STYLES/frontend-starter-styles/src/sass/. ./PATH_TO_YOUR_FOLDER_INSIDE_YOUR_PROJECT/sass\n```\n\nSee the [css guidelines](https://github.com/springload/frontend-starter-kit/blob/master/docs/css.md) we follow here at springload. You can build on top of these styles in your project. \n\n## Working on this project\n\n#### Installation\n\nFrom the command-line:\n\n```sh\ncd ~/Development/sites/\ngit clone git@github.com:springload/frontend-starter-styles.git\ncd frontend-starter-styles\n```\n\nTo install our dependencies:\n\n```sh\nnvm install\n# Then, install all project dependencies.\nyarn install\n```\n\n#### Start working \n\n\u003e Everything mentioned in the installation process should already be done.\n\nThis is the architectural base for css that we work with at Springload. Build on top of this as you wish, but here are the [css guidlines we follow](https://github.com/springload/frontend-starter-kit/blob/master/docs/css.md).\n\nShould you choose to run any of this project's build tasks, it uses [node-sass](https://github.com/sass/node-sass) by way of [node-sass-chokidar](https://github.com/michaelwayman/node-sass-chokidar), and [PostCSS](https://github.com/postcss/postcss).\n\n```sh\n# Make sure you use the right node version.\nnvm use\n# Start the server and the development tools.\nyarn start\n# Builds stylesheet for development\nyarn build\n# Builds stylesheet for production\nyarn dist\n# Runs linting.\nyarn lint\n```\n\n## Code linting\n\nThe project's code is linted with [Stylelint](https://github.com/stylelint/stylelint).\n\n\n## Improvements\n\nAdd any improvements you think could be made here:\n- [ ] Add an example / kitchen sink page with all the components.\n- [ ] CSS grid as another grid object\n- [ ] ...\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspringload%2Ffrontend-starter-styles","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fspringload%2Ffrontend-starter-styles","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspringload%2Ffrontend-starter-styles/lists"}