{"id":15041406,"url":"https://github.com/armordarks/ekzo","last_synced_at":"2025-04-14T20:20:23.083Z","repository":{"id":57221210,"uuid":"14337787","full_name":"ArmorDarks/ekzo","owner":"ArmorDarks","description":":dizzy: Functional Sass framework for rapid and painless development","archived":false,"fork":false,"pushed_at":"2019-08-04T10:34:35.000Z","size":840,"stargazers_count":33,"open_issues_count":10,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-04-26T10:21:19.632Z","etag":null,"topics":["atomic","atomic-css","bem","bem-methodology","css","design-free","framework","frontend-framework","functional","functional-css","grid","mixins","modern-browsers","modular","object-oriented","oocss","responsive","sass","sass-framework","typography"],"latest_commit_sha":null,"homepage":"","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/ArmorDarks.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-11-12T16:23:35.000Z","updated_at":"2023-10-10T18:56:18.000Z","dependencies_parsed_at":"2022-08-28T23:23:40.877Z","dependency_job_id":null,"html_url":"https://github.com/ArmorDarks/ekzo","commit_stats":null,"previous_names":[],"tags_count":20,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArmorDarks%2Fekzo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArmorDarks%2Fekzo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArmorDarks%2Fekzo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArmorDarks%2Fekzo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ArmorDarks","download_url":"https://codeload.github.com/ArmorDarks/ekzo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248952347,"owners_count":21188427,"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":["atomic","atomic-css","bem","bem-methodology","css","design-free","framework","frontend-framework","functional","functional-css","grid","mixins","modern-browsers","modular","object-oriented","oocss","responsive","sass","sass-framework","typography"],"created_at":"2024-09-24T20:46:04.108Z","updated_at":"2025-04-14T20:20:23.063Z","avatar_url":"https://github.com/ArmorDarks.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Ekzo](https://cloud.githubusercontent.com/assets/4460311/23854875/16890190-07fc-11e7-862e-37f5a69b76a3.png)\n\n\u003cdiv align='center'\u003e\n  \u003ch3\u003eSass framework\u003c/h3\u003e\n  \u003cp\u003eFunctional, Atomic, OOCSS-driven, layered, design-free, BEM-based, responsive and mighty\u003c/p\u003e\n\u003c/div\u003e\n\n---\n\n\u003cp align='center'\u003e\n  \u003ca href='https://www.npmjs.com/package/ekzo'\u003e\n    \u003cimg src='https://img.shields.io/npm/v/ekzo.svg' alt='NPM version' /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\nHow to use\n----------\n\nInstall framework with NPM:\n\n```shell\nnpm install ekzo --save\n```\n\nImport parts you would like to use, like:\n\n```scss\n@import 'node_modules/ekzo/tools/index';\n\n@import 'node_modules/ekzo/settings.defaults/assets';\n@import 'node_modules/ekzo/settings.defaults/framework';\n@import 'node_modules/ekzo/settings.defaults/misc';\n@import 'node_modules/ekzo/settings.defaults/options';\n@import 'node_modules/ekzo/settings.defaults/responsive';\n@import 'node_modules/ekzo/settings.defaults/themes';\n@import 'node_modules/ekzo/settings.defaults/typography';\n\n@import 'node_modules/ekzo/base/normalize';\n\n@import 'node_modules/ekzo/generic/shared';\n@import 'node_modules/ekzo/generic/headings';\n@import 'node_modules/ekzo/generic/text';\n\n@import 'node_modules/ekzo/objects/grid';\n\n@import 'node_modules/ekzo/helpers/flex';\n@import 'node_modules/ekzo/helpers/spacing';\n@import 'node_modules/ekzo/helpers/typography';\n@import 'node_modules/ekzo/helpers/widths';\n```\n\nImports should be layered in following order:\n\n* [Tools](https://github.com/ArmorDarks/ekzo/tree/master/tools)\n* Predefined variables\n* Settings (or [default settings](https://github.com/ArmorDarks/ekzo/tree/master/settings.defaults))\n* [Base styles](https://github.com/ArmorDarks/ekzo/tree/master/base)\n* [Generics](https://github.com/ArmorDarks/ekzo/tree/master/generic)\n* [Objects](https://github.com/ArmorDarks/ekzo/tree/master/objects)\n* Components\n* [Helpers](https://github.com/ArmorDarks/ekzo/tree/master/helpers)\n\nRefer to [Kotsu](https://github.com/LotusTM/Kotsu) `style.scss` as an [example](https://github.com/LotusTM/Kotsu/tree/master/source/styles).\n\n\nRequirements\n------------\n\n[Sass](http://sass-lang.com/install) 3.4.2 or higher.\n\n[Autoprefixer](https://github.com/postcss/autoprefixer) is highly advised.\n\n\nBrowsers support\n----------------\n\n|  IE | Edge | Chrome | Firefox | Safari | Opera | Opera Mobile | iOS Safari | Android |\n|-----|------|--------|---------|--------|-------|--------------|------------|---------|\n| 10+ | 12+  | 21+    | 28+     | 6.1+   | 12.1+ | 12.1+        | 7.1+       | 4.4+    |\n\n[`_ie.scss`](https://github.com/ArmorDarks/ekzo/blob/master/_ie.scss) provides graceful regression for IE9 and below:\n\n* Grid, media and nav objects will fallback from `flexbox` to `inline-block`, `table` or `float`-based models.\n* Flexbox alignment helpers will fallback to `text-align` and `vertical-align` to imitate intended alignment on `inline-block`-based grid, media and nav objects.\n* `::placeholder` and `::selection` won't be styled nor displayed.\n\nAll this will help to maintain intended flow and alignment of elements as closely as possible, but some features will be limited, especially vertical alignment.\n\nTo use, include `_ie.scss` in stylesheet, which will be served only to IE9 and below with [IE conditional comments](https://en.wikipedia.org/wiki/Conditional_comment).\n\nBest used with\n--------------\n\n[Kotsu](https://github.com/LotusTM/Kotsu) — Advanced Web Starter Kit \u0026 Static Website Generator with docker integration.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farmordarks%2Fekzo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farmordarks%2Fekzo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farmordarks%2Fekzo/lists"}