{"id":16050023,"url":"https://github.com/getdave/tanlinell-framework","last_synced_at":"2026-01-19T06:33:35.922Z","repository":{"id":12392586,"uuid":"15045180","full_name":"getdave/tanlinell-framework","owner":"getdave","description":"Modular, OOCSS, Atomic Design-based CSS Framework","archived":false,"fork":false,"pushed_at":"2015-04-17T16:25:34.000Z","size":1354,"stargazers_count":2,"open_issues_count":8,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-07T15:34:19.364Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/getdave.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG","contributing":null,"funding":null,"license":"LICENSE-MIT","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-12-09T11:10:46.000Z","updated_at":"2016-11-02T22:10:03.000Z","dependencies_parsed_at":"2022-08-26T16:51:54.630Z","dependency_job_id":null,"html_url":"https://github.com/getdave/tanlinell-framework","commit_stats":null,"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"purl":"pkg:github/getdave/tanlinell-framework","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getdave%2Ftanlinell-framework","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getdave%2Ftanlinell-framework/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getdave%2Ftanlinell-framework/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getdave%2Ftanlinell-framework/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/getdave","download_url":"https://codeload.github.com/getdave/tanlinell-framework/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getdave%2Ftanlinell-framework/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28562405,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-19T03:31:16.861Z","status":"ssl_error","status_checked_at":"2026-01-19T03:31:15.069Z","response_time":67,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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-10-09T00:41:51.249Z","updated_at":"2026-01-19T06:33:35.902Z","avatar_url":"https://github.com/getdave.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tanlinell Framework\n\nTanlinell Framework is a design agnostic CSS \u0026 JavaScript framework designed from scratch to facilitate the rapid production of websites.\n\nIt is by no means comprehensive but it aims to build upon best practice and draws inspiration from OOCSS, Bootstrap, Inuit CSS, Zurb Foundation, Bourbon Refills and (of course) the HTML5 Boilerplate.\n\nTanlinell Framework works particularly well when paired with the [Tanlinell WordPress theme](https://github.com/getdave/Tanlinell).\n\n\n## Getting Started\n\nWe recommend using [Bower](http://bower.io/) to install Tanlinell. Simply define this repoistory as a dependency in your `bower.json` file. \n\n```json\n\"dependencies\": {\n\t\"tanlinell-framework\": \"getdave/tanlinell-framework\"\n}\n```\n\nNext we advise you review the example usage of the framework in the Tanlinell Wordpress theme at https://github.com/getdave/Tanlinell/. Pay particular attention to `Gruntfile.js` which shows how the framework can be utilised.\n\n\n\n\n## CSS Framework\n\nThe following assumes you have installed the framework via Bower.\n\nFrom your primary `scss` file simply @import `tanlinell-framework.scss` from your `bower_components` directory.\n\n```sass\n// Import the Tanlinell Framework CSS \n@import \"bower_components/tanlinell-framework/sass/tanlinell-framework.scss\";\n\n// include your site specific sass files go after this point\n...\n```\n\n### Overides\n\nTanlinell's default settings are defined in the `_defaults.scss` file contained within the framework. To overide the defaults simply create a `_config.scss` file and include this before `tanlinell-framework.scss\"` in your main `scss` file.\n\n```sass\n\n// Custom Config\n@import \"_config.scss\";\n\n// Tanlinell Framework CSS \n@import \"tanlinell-framework.scss\";\n```\n\nWithin your `_config.scss` file simply overide and redefine variables as required to modify the framework's behaviour.\n\n\n### Reducing Page Weight - selective component inclusion\n\nTanlinell comes with a large number of components but in order to reduce page-weight, we encourage you to only utilise those components which you require for your project's purposes.\n\nTo do this Tanlinell allows you to select which components are included at compile time by setting the [appropriate Boolean variables](https://github.com/getdave/tanlinell-framework/blob/develop/sass/_defaults.scss#L257) in the framework configuration file.\n\nFor example, if your project does not require base pagination styles simply set the appropriate variable to `false` and those styles will not be included:\n\n```scss\n// in your _config.scss file\n$use-pagination: false;\n```\n\nSee the Tanlinell WordPress theme for [a more detailed example](https://github.com/getdave/Tanlinell/blob/develop/assets/sass/site/_config.scss#L96).\n\n\n## JS Framework\n\nTo utilise the JS framework we advise manual compliation via Grunt. An example of this is included in the [Tanlinell WordPress theme's Gruntfile](https://github.com/getdave/Tanlinell/blob/develop/Gruntfile.js#L83).\n\n\n\n## Requirements\n\nRequires minimum of Sass 3.3.0. To update your SASS gem run: `gem install sass`.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgetdave%2Ftanlinell-framework","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgetdave%2Ftanlinell-framework","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgetdave%2Ftanlinell-framework/lists"}