{"id":15111993,"url":"https://github.com/chris-pearce/scally","last_synced_at":"2025-09-27T14:31:40.765Z","repository":{"id":25476917,"uuid":"28907616","full_name":"chris-pearce/scally","owner":"chris-pearce","description":"Scally is a Sass-based, BEM, OOCSS, responsive-ready, CSS framework that provides you with a solid foundation for building reusable UI's quickly 🕶","archived":true,"fork":false,"pushed_at":"2018-10-06T06:58:40.000Z","size":1409,"stargazers_count":285,"open_issues_count":17,"forks_count":20,"subscribers_count":19,"default_branch":"master","last_synced_at":"2024-10-15T22:04:54.811Z","etag":null,"topics":["bem-methodology","css","css-architecture","css-framework","responsive-design","sass","sass-framework"],"latest_commit_sha":null,"homepage":"https://twitter.com/scally_fw","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chris-pearce.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2015-01-07T09:21:58.000Z","updated_at":"2024-01-04T05:19:07.000Z","dependencies_parsed_at":"2022-07-26T09:47:58.038Z","dependency_job_id":null,"html_url":"https://github.com/chris-pearce/scally","commit_stats":null,"previous_names":[],"tags_count":31,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chris-pearce%2Fscally","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chris-pearce%2Fscally/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chris-pearce%2Fscally/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chris-pearce%2Fscally/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chris-pearce","download_url":"https://codeload.github.com/chris-pearce/scally/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234443999,"owners_count":18833643,"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":["bem-methodology","css","css-architecture","css-framework","responsive-design","sass","sass-framework"],"created_at":"2024-09-26T00:40:48.207Z","updated_at":"2025-09-27T14:31:40.363Z","avatar_url":"https://github.com/chris-pearce.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"### ⇒⇒ Scally is no longer actively maintained. To see a more modern version take a look at my latest open source CSS library:  [backpack.css](https://github.com/chris-pearce/backpack.css). ⇐⇐\n\n\u003cimg src=\"https://s3.amazonaws.com/uploads.hipchat.com/22262/1524600/v5mEk1ipcZgcLoK/logo.png\" width=\"211\"\u003e\n\n[![npm version](https://badge.fury.io/js/scally.svg)](http://badge.fury.io/js/scally)\n[![Bower version](https://badge.fury.io/bo/scally.svg)](http://badge.fury.io/bo/scally)\n\n\n\n\n# Contents\n\n- [What is Scally?](#what-is-scally)\n- [Demos](#demos)\n- [Scally architecture](#scally-architecture)\n- [Dependencies](#dependencies)\n- [Installing Scally](#installing-scally)\n  - [Packages](#packages)\n  - [Git clone](#git-clone)\n  - [Download by zip](#download-by-zip)\n- [Setting up a new project](#setting-up-a-new-project)\n  - [Setting up your master stylesheet](#setting-up-your-master-stylesheet)\n  - [Master stylesheet overview](#master-stylesheet-overview)\n    - [Your settings](#your-settings)\n    - [Scally framework](#scally-framework)\n    - [Your styles](#your-styles)\n    - [Sample master stylesheet](#sample-master-stylesheet)\n    - [Example architecture](#example-architecture)\n- [Browser support](#browser-support)\n- [Authoring guidelines](#authoring-guidelines)\n  - [Linting](#linting)\n  - [Installation](#installation)\n  - [Linting rules](#linting-rules)\n- [Contributing](#contributing)\n  - [Keep it simple](#keep-it-simple)\n  - [Submitting code to Scally](#submitting-code-to-scally)\n  - [Scally GitHub issues](#scally-github-issues)\n- [Versioning](#versioning)\n- [Credits](#credits)\n- [License](#license)\n- [Further documentation](#further-documentation)\n\n\n\n\n# What is Scally?\n\nScally is a [Sass](http://sass-lang.com/)-based,\n[BEM](http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/),\n[OOCSS](http://www.smashingmagazine.com/2011/12/12/an-introduction-to-object-oriented-css-oocss/),\nresponsive-ready, CSS framework that provides you with a solid foundation for\nbuilding reusable UIs quickly. It is a framework focused on scalability and\nreuse; there when you need it and getting out of your way when you don't.\n\nScally is designed to be configurable, only requiring you to bring in the parts\nyou are using, keeping your CSS architecture lightweight and scalable. It is\nun-opinionated about design, thus giving you more flexibility than your typical UI\ntoolkit.\n\n\n\n\n# Demos\n\nA website—featuring demos of everything in Scally—is under construction. \n\nSo far demos of the **Core/Base** section are available: \u003chttp://scally.chris-pearce.me/documentation/core.html\u003e.\n\n\n\n\n# Scally architecture\n\nScally is broken down into five main sections, with each section getting its\nown level of specificity. This means each one builds on top of the other in\nterms of inheritance and CSS' first C: the cascade. Think of these sections as\nlayers:\n\n\u003cimg src=\"https://dl.dropboxusercontent.com/s/t15yhbxkjxsgxvl/layers.svg\"\u003e\n\nThe breakdown of these layers from bottom to top (order of their specificity):\n\n- [Core](core/README.md)\n- [Layout](layout/README.md)\n- [Objects](objects/README.md)\n- [Components](components/README.md)\n- [Utilities](utilities/README.md)\n\n\n\n\n# Dependencies\n\n- [Sass](http://sass-lang.com/install) (either [Ruby](http://rubyinstaller.org/)\nor [LibSass](http://libsass.org/))\n- [Autoprefixer](https://github.com/postcss/autoprefixer)\n\n    \u003e Autoprefixer parses CSS and adds vendor-prefixed CSS properties using\n    the [Can I use](http://caniuse.com/) database.\n\n    *We advise you to setup Autoprefixer as part of your build process. If\n    you're using [Grunt](http://gruntjs.com/), you can create a Grunt task\n    for Autoprefixer using a Grunt plugin such as\n    [grunt-autoprefixer](https://github.com/nDmitry/grunt-autoprefixer)*.\n\n\n\n\n# Installing Scally\n\n## Packages\n\nScally can be installed as a package with either:\n\n- [npm](https://www.npmjs.org/); or\n- [Bower](http://bower.io/)\n\nYou'll need [node.js](http://nodejs.org/) installed to use the npm and Bower\npackages. More information on installing npm can be [found here](http://blog.npmjs.org/post/85484771375/how-to-install-npm).\nWith node.js installed, you can install the Scally npm package by `cd`ing into\nyour project folder (the root is recommended) and running this command:\n\n```sh\nnpm install scally\n```\n\nFor the Scally Bower package, you first need to install Bower via npm like so:\n\n```sh\nnpm install -g bower\n```\n\nThen, just like the npm package, you `cd` into your project folder (the root is\nrecommended) and run this command:\n\n```sh\nbower install scally\n```\n\nOnce the package is installed, your project will look like this:\n\n**npm**\n\n```\nproject root\n│\n└───node_modules\n    │\n    └───scally\n```\n\n**Bower**\n\n```\nproject root\n│\n└───bower_components\n    │\n    └───scally\n```\n\n**N.B.** Scally should never be edited or added to directly. If you ever make\nchanges directly in Scally, you will not be able to seamlessly update your\nversion of Scally to the latest version at a later date.\n\nThis is a very simple overview of npm and Bower. If you are new to them, you\ncan learn more about npm [here](https://www.npmjs.com/) and\ncheck out Bower's docs [here](http://bower.io/).\n\n## Git clone\n\nYou can install Scally by using the `git clone` command by `cd`ing in to the\nroot of your workspace folder and running this command:\n\n```sh\ngit clone git@github.com:chris-pearce/scally.git\n```\n\nIf you don't want to use the SSH clone URL, GitHub also offers:\n\n- [HTTPS](https://github.com/chris-pearce/scally.git); and\n- [Subversion](https://github.com/chris-pearce/scally)\n\n## Download by zip\n\nYou can install Scally via the [**Download by zip**](https://github.com/chris-pearce/scally/archive/master.zip) option which is part of the Scally GitHub\ninterface.\n\n**It's advised to use a package manager like npm or Bower to handle your\nthird-party dependencies.**\n\n# Setting up a new project\n\n## Setting up your master stylesheet\n\nOnce you have installed Scally, you will need to create a master Sass stylesheet\ncalled `style.scss`, or whatever you prefer (but for the purpose of\nthis document `style.scss` will be the expected name).\n\nThis file will live at the root of the folder where you keep all of your CSS.\n\nThe compiled version of this file will be your master stylesheet that's linked\nfrom your HTML `\u003chead\u003e`. In Ruby, you can run a basic Sass `watch` command to\ncompile your Sass, like this:\n\n```sh\nsass --watch style.scss:style.css\n```\n\nBut for most projects your Sass will be compiling as part of a build process\ne.g. if you're using [Grunt](http://gruntjs.com/), you can use a Grunt\nplugin such as [grunt-contrib-sass](https://github.com/gruntjs/grunt-contrib-sass)\nor [grunt-sass](https://github.com/sindresorhus/grunt-sass) to compile the Sass.\n\nThen add a reference to the compiled master stylesheet in your HTML `\u003chead\u003e`:\n\n```html\n\u003clink href=\"[path/to/your/css/folder]/style.css\" rel=\"stylesheet\"\u003e\n```\n\nThis master stylesheet is designed to combine the Scally framework and your\nproject-specific styles together and compile them down to a single CSS file.\nWe'll dig into how we suggest you set this up in the next section.\n\n## Master stylesheet overview\n\nYour master stylesheet is split into three main sections:\n\n1. [**Your settings.**](#your-settings) All of your project-specific settings\n   in the form of Sass variables.\n2. [**Scally framework.**](#scally-framework) The entire Scally framework\n   including project-specific overrides.\n3. [**Your styles.**](#your-styles) All of the CSS you will write for your\n   project.\n\n**N.B.** it's imperative this order is maintained otherwise Scally won't work.\n\n### Your settings\n\nCreate a new `.scss` file called `settings.scss` that will live in the root of\nthe folder where you keep all of your CSS, along with your master Sass\nstylesheet: `style.scss`, and link to this file from `style.scss` like so:\n\n```scss\n@import \"settings\";\n```\n\n**This must come before the other two sections.**\n\nIn this file you will store all of your common project-specific settings,\nbeyond what Scally offers. Typically you won't have many of these, however,\ncommon project-specific settings might include adding more brand colours.\nIf you need a new colour, in `settings.scss` you can create one like so:\n\n```scss\n$color-tertiary: #ccc;\n```\n\nAnother example might be adding a new font family, e.g.\n\n```scss\n$font-family-droid-sans: \"Droid Sans\", sans-serif;\n```\n\nThe reason this section comes first is so that you can refer to them throughout\nthe rest of your styles.\n\n### Scally framework\n\nThis section pulls in the entire Scally framework via individual Sass\n[`@imports`](http://sass-lang.com/guide#topic-5) and is where you override\nScally's settings.\n\nThis is what makes Scally so powerful; it can be completely modified by\nchanging the settings without ever having to alter the framework itself.\n\nFor example, if you wanted to change the global font size for your project,\nyou simply assign a new value to the relevant Scally setting (which in this case\nwould be `$font-size`) and declare it **above** the relevant `@import`\npartial in `style.scss`, like so:\n\n```scss\n$font-size: 14;\n@import \"[path/to/the/scally/framework]/scally/core/settings/typography\";\n```\n\nYou can use your own project-specific settings from your\n[`settings.scss`](#your-settings) file to override any of the Scally settings\ne.g.\n\n```scss\n$color-text-base: $color-hotpink;\n@import \"[path/to/the/scally/framework]/scally/core/settings/colours\";\n```\n\nThe [sample master stylesheet](#sample-master-stylesheet)\nimports everything in the framework by default. You should be selective to\nensure your CSS is as lean as possible, by only importing what you need.\n\nIf you decide you only need to use half of Scally's utilities, then simply\nremove the relevant utility partial `@import`s that you don't need from\n`style.scss`.\n\nHowever, the **Core** section is required, so please do not remove any of the\n`@import`s for this section or Scally will not work as expected.\n\n### Your styles\n\nThis section is where you pull in all of your project-specific styles. We\nrecommend following the [same architecture](#scally-architecture) as the Scally\nframework.\n\n### Sample master stylesheet\n\nHere is a sample of a master stylesheet you could use for your `style.scss`:\n\n```scss\n@charset \"UTF-8\";\n\n\n/* ============================================================================\n   @MASTER STYLESHEET\n   ========================================================================= */\n\n\n/**\n * Scally, being an OO framework, works in keeping with the open/closed\n * principle. Any custom styles *SHOULD NOT* be added or modified in Scally\n * directly. This also allows the framework to be updated seamlessly.\n *\n * Contents:\n *\n * Your settings.........your project-specific settings.\n * Scally framework......the entire Scally framework including your overrides.\n * Your styles...........all your project-specific styles.\n *\n * N.B. the above order and the order within the Scally framework section must\n * always be followed.\n */\n\n\n\n\n/* Your settings\n   ========================================================================= */\n\n/**\n * Your project-specific settings.\n *\n * N.B. define first so they can be used throughout your styles.\n */\n\n@import \"settings\";\n\n\n\n\n/* Scally framework\n   ========================================================================= */\n\n/**\n * By default everything is imported. But if you want to be selective and you\n * definitely should, so your CSS is as lean as possible, then only import what\n * you want. The Core section is however mandatory.\n *\n * Any settings you find set in Scally that you do not wish to keep, simply\n * redefine above/below the relevant `@import`. This means that if Scally, for\n * example, sets your `$font-size` at `16px` and you wish it to be `14px`,\n * simply redeclare it above the relevant `@import`, like so:\n *\n   $font-size: 14;\n   @import \"[path/to/the/scally/framework]/core/settings/typography\";\n *\n * If you want to use a Scally setting to override something then you need to\n * define the override below the `@import`, like so:\n *\n   @import \"[path/to/the/scally/framework]/core/settings/colours\";\n   $color-text-base: $color-brand;\n *\n * If you try to redeclare above the `@import` your Sass won't compile as you\n * don't have access to the Scally setting at the point of compilation.\n *\n * All non-Core settings need to be overridden above the `@import`, like so:\n *\n   $o-arrow-size-base: 14;\n   $o-arrow-color: orange;\n   @import \"[path/to/the/scally/framework]/objects/o-arrow\";\n *\n * Scally ignores its own settings in favour of using your own, so you can\n * completely modify how Scally works without ever having to alter the\n * framework itself.\n *\n * N.B. the order specified below must always be followed or Scally will\n * break.\n *\n * Contents:\n *\n * CORE\n * LAYOUT\n * OBJECTS\n * COMPONENTS\n * UTILITIES\n */\n\n\n/**\n * CORE.\n *\n * N.B. this is all mandatory for the Scally framework.\n */\n\n// Settings\n@import \"[path/to/the/scally/framework]/core/settings/typography\";\n\n@import \"[path/to/the/scally/framework]/core/settings/spacing\";\n\n@import \"[path/to/the/scally/framework]/core/settings/retina-resolution\";\n\n@import \"[path/to/the/scally/framework]/core/settings/breakpoints\";\n\n@import \"[path/to/the/scally/framework]/core/settings/widths\";\n\n@import \"[path/to/the/scally/framework]/core/settings/colours\";\n\n@import \"[path/to/the/scally/framework]/core/settings/positioning\";\n\n@import \"[path/to/the/scally/framework]/core/settings/cosmetics\";\n\n// Functions\n@import \"[path/to/the/scally/framework]/core/functions/convert-px-to-em-rem\";\n\n@import \"[path/to/the/scally/framework]/core/functions/math-helpers\";\n\n@import \"[path/to/the/scally/framework]/core/functions/string-replace\";\n\n@import \"[path/to/the/scally/framework]/core/functions/strip-unit\";\n\n@import \"[path/to/the/scally/framework]/core/functions/tint-shade\";\n\n// Mixins\n@import \"[path/to/the/scally/framework]/core/mixins/convert-px-to-em-rem\";\n\n@import \"[path/to/the/scally/framework]/core/mixins/font-size\";\n\n@import \"[path/to/the/scally/framework]/core/mixins/gradients\";\n\n@import \"[path/to/the/scally/framework]/core/mixins/media-queries\";\n\n@import \"[path/to/the/scally/framework]/core/mixins/generate-at-breakpoints\";\n\n@import \"[path/to/the/scally/framework]/core/mixins/generate-percentage-classes-at-breakpoints\";\n\n@import \"[path/to/the/scally/framework]/core/mixins/retina-bg-image\";\n\n@import \"[path/to/the/scally/framework]/core/mixins/target-browsers\";\n\n@import \"[path/to/the/scally/framework]/core/mixins/target-headings\";\n\n@import \"[path/to/the/scally/framework]/core/mixins/text-input-placeholder-colour.scss\";\n\n// Normalize\n@import \"[path/to/the/scally/framework]/core/normalize\";\n\n// Reset\n@import \"[path/to/the/scally/framework]/core/reset\";\n\n// Base\n@import \"[path/to/the/scally/framework]/core/base/root\";\n\n@import \"[path/to/the/scally/framework]/core/base/abbreviation\";\n\n@import \"[path/to/the/scally/framework]/core/base/forms\";\n\n@import \"[path/to/the/scally/framework]/core/base/details\";\n\n@import \"[path/to/the/scally/framework]/core/base/headings\";\n\n@import \"[path/to/the/scally/framework]/core/base/horizontal-rule\";\n\n@import \"[path/to/the/scally/framework]/core/base/links\";\n\n@import \"[path/to/the/scally/framework]/core/base/media\";\n\n@import \"[path/to/the/scally/framework]/core/base/paragraphs\";\n\n@import \"[path/to/the/scally/framework]/core/base/print\";\n\n@import \"[path/to/the/scally/framework]/core/base/viewport\";\n\n// Placeholders\n@import \"[path/to/the/scally/framework]/core/placeholders/bottom-spacing\";\n\n\n/**\n * LAYOUT.\n */\n\n// Main container\n@import \"[path/to/the/scally/framework]/layout/l-container\";\n\n// Grid\n@import \"[path/to/the/scally/framework]/layout/l-grid\";\n\n@import \"[path/to/the/scally/framework]/layout/l-grid-pull\";\n\n@import \"[path/to/the/scally/framework]/layout/l-grid-push\";\n\n// Side-by-side\n@import \"[path/to/the/scally/framework]/layout/l-side-by-side\";\n\n@import \"[path/to/the/scally/framework]/layout/l-side-by-side-alt\";\n\n// CSS3 columns\n@import \"[path/to/the/scally/framework]/layout/l-columns\";\n\n\n/**\n * OBJECTS.\n */\n\n@import \"[path/to/the/scally/framework]/objects/o-drop-down\";\n\n@import \"[path/to/the/scally/framework]/objects/o-flexible-embed\";\n\n@import \"[path/to/the/scally/framework]/objects/o-link-complex\";\n\n@import \"[path/to/the/scally/framework]/objects/o-link-disguised\";\n\n@import \"[path/to/the/scally/framework]/objects/o-list\";\n\n@import \"[path/to/the/scally/framework]/objects/o-list-block\";\n\n@import \"[path/to/the/scally/framework]/objects/o-list-inline\";\n\n@import \"[path/to/the/scally/framework]/objects/o-arrow\";\n\n@import \"[path/to/the/scally/framework]/objects/o-overlay\";\n\n@import \"[path/to/the/scally/framework]/objects/o-table\";\n\n@import \"[path/to/the/scally/framework]/objects/o-button\";\n\n\n/**\n * COMPONENTS.\n */\n\n@import \"[path/to/the/scally/framework]/components/c-button\";\n\n@import \"[path/to/the/scally/framework]/components/c-button-faux-link\";\n\n\n/**\n * UTILITIES.\n */\n\n@import \"[path/to/the/scally/framework]/utilities/u-clear-fix\";\n\n@import \"[path/to/the/scally/framework]/utilities/u-text\";\n\n@import \"[path/to/the/scally/framework]/utilities/u-widths\";\n\n@import \"[path/to/the/scally/framework]/utilities/u-alignments\";\n\n@import \"[path/to/the/scally/framework]/utilities/u-toggle-visibility\";\n\n@import \"[path/to/the/scally/framework]/utilities/u-momentum-scrolling\";\n\n@import \"[path/to/the/scally/framework]/utilities/u-float\";\n\n@import \"[path/to/the/scally/framework]/utilities/u-new-block-formatting-context\";\n\n@import \"[path/to/the/scally/framework]/utilities/u-gpu-accelerated\";\n\n@import \"[path/to/the/scally/framework]/utilities/u-position\";\n\n@import \"[path/to/the/scally/framework]/utilities/u-display\";\n\n@import \"[path/to/the/scally/framework]/utilities/u-spacing\";\n\n@import \"[path/to/the/scally/framework]/utilities/u-overflow\";\n\n@import \"[path/to/the/scally/framework]/utilities/u-hide\";\n\n\n\n\n/* Your styles\n   ========================================================================= */\n\n// Start styling your project via individual @imports :)\n\n```\n\n### Example architecture\n\nYou may end up with your project setup like this—assuming you have contained\nall of your CSS in a folder called `css` and you have used Bower as your\npackage manager:\n\n```\nproject root\n│\n└───bower_components\n|   |\n|   └───scally\n|\n└───css\n    |   settings.scss\n    |   style.scss\n    |\n    └───partials\n        |\n        ├───components\n        |\n        ├─── [...]\n```\n\n\n\n\n# Browser support\n\n- Chrome (last two versions).\n- Firefox (last two versions).\n- Opera (last two versions).\n- Safari (last two versions).\n- IE9+.\n- iOS 7+.\n- Android 4+.\n\n\n\n\n# Authoring guidelines\n\nScally follows these [CSS authoring guidelines](https://github.com/chris-pearce/css-guidelines/).\n\n## Linting\n\nTo ensure a consistently-authored codebase, and to keep things clean and\nreadable, Scally uses [**scss-lint**](https://github.com/causes/scss-lint).\n\n### Installation\n\nTo install, run the following command:\n\n```sh\ngem install scss-lint\n```\n\nTo use, `cd` into your project's root and run this command:\n\n```sh\nscss-lint ./\n```\n\nThis will lint *everything*. To lint at a more granular level,\n[learn about its usage](https://github.com/causes/scss-lint#usage).\n\n### Linting rules\n\n[Scally's linting rules](.scss-lint.yml) are based off these [CSS authoring guidelines](https://github.com/chris-pearce/css-guidelines/).\n\n\n\n\n# Contributing\n\nScally gratefully welcomes contributions from the open-source community.\n\n## Keep it simple\n\nScally is written in Sass, which provides a lot of incredibly powerful\nfeatures. However, Scally does not want to become a platform to showcase Sass'\ncapabilities; all code that comes into Scally should be as simple and CSS-like\nas possible.\n\n## Submitting code to Scally\n\nBefore submitting code to Scally, check the\n[Scally GitHub issues](https://github.com/chris-pearce/scally/issues) to see if\nwhat you want to add to Scally already exists. If it doesn't, create a new\nissue and label it appropriately. It's a good idea to wait a few days for some\nfeedback from the Scally community before writing any code.\n\nTo submit code to Scally, [fork](https://help.github.com/articles/fork-a-repo/)\nthe Scally repository, make your changes, then create a [GitHub Pull Request](https://help.github.com/articles/using-pull-requests/)\nback to the Scally master branch for review.\n\nYour PR title should use the same title as its corresponding GitHub issue but\nprefixed with the issue number e.g.\n\n\u003e Issue #108: Remove style.scss and style.css from the repo and package json\nfiles\n\nAnd in the PR description include:\n\n\u003e This fixes #[x]\n\nWhere 'x' is the issue number. GitHub will offer an auto-complete menu as soon\nas you type '#' where you can choose the corresponding PR.\n\nYou should also add a comment in the GitHub issue linking to the PR.\n\n**Make sure your code is:**\n\n- Thoroughly tested:\n  - Your Sass compiles both with the Ruby compiler and the LibSass compiler.\n  - Tested in all supported browsers, [see](#browser-support).\n- [Linted](#linting). Scally's build tests will catch any linting issues,\n  however, it's good practice to also run linting manually.\n- Following these\n  [CSS authoring guidelines](https://github.com/chris-pearce/css-guidelines/).\n  Linting will catch a lot of this but not everything.\n\n## Scally GitHub issues\n\nIf you would like to suggest any new additions or improvements to Scally, log\nany issues or bugs, or just ask a question, please\n[open a new GitHub issue](https://github.com/chris-pearce/scally/issues) and\nlabel it appropriately.\n\n\n\n\n# Versioning\n\nScally is maintained under the\n[Semantic Versioning guidelines](http://semver.org/). We will do our best to\nadhere to those guidelines and strive to maintain backwards compatibility.\n\n[See the **CHANGELOG**](CHANGELOG.md).\n\n\n\n\n# Credits\n\n- [inuit.css](https://github.com/csswizardry/inuit.css)\n- [SUIT CSS](https://github.com/suitcss/suit)\n- [SMACCS](http://smacss.com/)\n- [HTML5 Boilerplate](http://html5boilerplate.com/)\n\n\n\n\n# License\n\nCopyright 2014 Westfield Labs Corporation.\n\nCopyright 2015 Chris Pearce.\n\n[View license](LICENSE).\n\nLicensed under the [Apache v2.0](http://www.apache.org/licenses/LICENSE-2.0)\nlicense.\n\nScally was originally created at [Westfield Labs](http://www.westfieldlabs.com/)\nwhilst I was employed there.\n\nScally was something I brought to Westfield Labs, and something I worked on\nfull-time as the main developer. Other Westfield Labs employees who also\ncontributed to Scally include:\n\n- [Alec Raeside](http://alecraeside.com.au/)\n- [Kate Levin](http://kllevin.com/)\n- [Dan Sim](http://daniel-sim.com/)\n\nAfter I finished at Westfield Labs, I decided to fork Scally so I could maintain\nthe framework myself under my own personal GitHub account.\n\nSince then, there have been other contributions to Scally from:\n\n- [Matt Stow](http://mattstow.com)\n- [Hugo Giraudel](http://hugogiraudel.com/)\n\n\n\n\n# Further documentation\n\n- [A presentation on Scally](http://presentation.chris-pearce.me/scally)—given\n  at [Campaign Monitor](https://www.campaignmonitor.com/) on Jan 2015.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchris-pearce%2Fscally","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchris-pearce%2Fscally","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchris-pearce%2Fscally/lists"}