{"id":18378261,"url":"https://github.com/tyom/stratum","last_synced_at":"2025-04-06T22:32:17.409Z","repository":{"id":4510918,"uuid":"5650594","full_name":"tyom/stratum","owner":"tyom","description":"Sass toolkit for rapid web development.","archived":false,"fork":false,"pushed_at":"2014-01-10T12:13:54.000Z","size":8016,"stargazers_count":8,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-22T07:41:34.960Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://tyom.github.com/stratum/","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/tyom.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":"2012-09-02T18:22:07.000Z","updated_at":"2020-04-23T01:57:35.000Z","dependencies_parsed_at":"2022-08-30T09:10:59.502Z","dependency_job_id":null,"html_url":"https://github.com/tyom/stratum","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tyom%2Fstratum","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tyom%2Fstratum/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tyom%2Fstratum/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tyom%2Fstratum/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tyom","download_url":"https://codeload.github.com/tyom/stratum/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247563901,"owners_count":20958971,"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-11-06T00:32:35.463Z","updated_at":"2025-04-06T22:32:16.194Z","avatar_url":"https://github.com/tyom.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"Stratum\n=======\n\nStratum is a Sass toolkit for Web Developers. Its goal is to get you started on a project in seconds and do all the heavy lifting, while you concentrate on the fun stuff.\n\nStratum is installed from command line:\n\n`gem install stratum`\n\nOnce you install gem you can install/update Stratum in directly in your project. Remember, Stratum is just a collection of Sass mixins and utilities. No external dependencies. Just drop it in your project and start using.\n\n---\n\nCommand line\n------------\n\nThe following commands are available:\n\n```\nstratum help        Show help on specific commands (e.g. stratum help install)\n\nstratum install     Install Stratum in `./stratum`\n\t-p [--path=./]\t   Installation path (current directory if omitted)\n\t-f [--force]\t   Force installation into existing directory\n\nstratum update      Update `./stratum` in the current directory\n\nstratum remove      Removed `./stratum` in the current directory\n\nstratum version     Show gem version\n    -v [--version]\n```\n\nSass components\n---------------\n\nStratum is written in SCSS version of Sass syntax. It consists of several main components and a number of utilities and helpers.\n\n* **Layout** – grids, scaffolding responsiveness\n* **Forms** - form elements\n* **CSS3** - mixins for cross-browser support of CSS3 properties\n* **Utils** - various utilities and helpers\n\n### Layout\n\nStratum features a powerful grid system which comes with semantic definitions and scaffolding. Grid is available in fluid and pixel variants and can be mixed on the same page.\n\n#### The Grid\n\nStratum's grid system is quite unique in that it doesn't expect you to calculate and define all its parameters (grid size, number of columns, column width and gutter width). Instead, it asks for only two concrete values *grid size* and *column count*. The third value, *gutter width* is a desired number, meaning that the exact round value will be calculated to fit the columns and gutters right within the specified width.\n\nFor example, if you want to produce a standard **980px** grid with **12** columns:\n\n| Parameters      | Requirements   | Pixel         | Fluid\n|-----------------|----------------|---------------|-------------\n| gutter          | 20px (desired) | 16px (actual) | 6.72691%\n| column width    | --             | 67px          | 1.60642%\n\nFormula: *(col-number * col-width) + ((col-number - 1) * gutter-width)*  \nResult: *(12 * 67) + (11 * 16) = 980*\n\nColumn and gutter widths are variable where grid width and column count are constant. Stratum adjusts the variables until they fit the requirement.\n\nLet's try another one, **11** columns in **934px** container.\n\n| Parameters      | Requirements   | Pixel         | Fluid\n|-----------------|----------------|---------------|-------------\n| gutter          | 13px (desired) | 12px (actual) | 7.82241%\n| column width    | --             | 74px          | 1.2685%\n\n![](https://ga-beacon.appspot.com/UA-332655-4/stratum/readme?pixel)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftyom%2Fstratum","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftyom%2Fstratum","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftyom%2Fstratum/lists"}