{"id":26663174,"url":"https://github.com/startpolymer/polymer-theme","last_synced_at":"2025-04-11T18:24:28.677Z","repository":{"id":28938740,"uuid":"32464566","full_name":"StartPolymer/polymer-theme","owner":"StartPolymer","description":"Polymer Theme based on BEM Methodology and Material Design.","archived":false,"fork":false,"pushed_at":"2015-03-31T15:58:08.000Z","size":316,"stargazers_count":6,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-11T18:24:23.687Z","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/StartPolymer.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":"2015-03-18T14:43:45.000Z","updated_at":"2018-09-07T21:03:35.000Z","dependencies_parsed_at":"2022-08-31T00:01:17.881Z","dependency_job_id":null,"html_url":"https://github.com/StartPolymer/polymer-theme","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartPolymer%2Fpolymer-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartPolymer%2Fpolymer-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartPolymer%2Fpolymer-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartPolymer%2Fpolymer-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/StartPolymer","download_url":"https://codeload.github.com/StartPolymer/polymer-theme/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248456381,"owners_count":21106607,"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":"2025-03-25T14:20:12.472Z","updated_at":"2025-04-11T18:24:28.654Z","avatar_url":"https://github.com/StartPolymer.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Polymer Theme\n\nPolymer Theme based on [BEM Methodology](http://getbem.com) and\n[Material Design](http://www.google.com/design/spec/material-design/introduction.html) language.\n\nFor scaffolding Polymer apps use [Polymer Starter Kit](https://github.com/StartPolymer/polymer-starter-kit)\nor [Polymer generator](https://github.com/yeoman/generator-polymer).\n\n:sparkles: [DEMO](http://polymer-starter-kit.startpolymer.org) :sparkles:\n\n## Features\n\n- Based on [BEM (Block Element Modifier) Methodology](http://getbem.com)\n - Reusable CSS styles based on `class` attribute\n - Independent blocks and css selectors plus layer system makes your code reusable and modular\n - You don't need [calculating a selector's specificity](http://www.w3.org/TR/css3-selectors/#specificity)\n - Check out the [blocks](https://github.com/StartPolymer/polymer-theme/tree/master/sass/blocks)\n- Using [Sass](http://sass-lang.com) CSS Preprocessor\n- [Material Design typeface in CSS](http://materialdesignblog.com/material-design-typeface-in-css/)\n - Check out the [demo](http://polymer-starter-kit.startpolymer.org)\n- [Roboto Font Combinations](https://github.com/StartPolymer/polymer-theme/wiki/Roboto-Font-Combinations)\n- Based on [Material Design Color Palette](http://www.google.com/design/spec/style/color.html#color-color-palette)\n - Check out the [variables.scss](https://github.com/StartPolymer/polymer-theme/blob/master/sass/_variables.scss) and\n [material-colors.scss](https://github.com/StartPolymer/polymer-theme/blob/master/sass/modules/_material-colors.scss) module\n\n## Installation\n\n```sh\nbower install polymer-theme --save\n```\n\n## Usage\n\n### app.scss\n\n```scss\n$font-name-heading:       'roboto-slab';\n$font-lang:               'en';\n@import 'bower_components/polymer-theme/sass/base';\n\nbody {\n  font-family: $font-body;\n\n  /deep/ {\n    h1,\n    h2,\n    h3 {\n      font-family: $font-heading;\n    }\n  }\n}\n\n.polymer-theme {\n  $color-name-primary:    'indigo';\n  $color-name-secondary:  'pink';\n  $color-name-text:       'grey';\n  @import 'bower_components/polymer-theme/sass/variables';\n  /deep/ {\n    @import 'bower_components/polymer-theme/sass/blocks/all';\n  }\n}\n```\n\n### index.html\n\n```html\n\u003cbody class=\"polymer-theme\"\u003e\n```\n\n## [Variables](https://github.com/StartPolymer/polymer-theme/blob/master/sass/_variables.scss)\n\n### Material Design Colors\n\n- [Link to module](https://github.com/StartPolymer/polymer-theme/blob/master/sass/modules/_material-colors.scss)\n\n```scss\n$color-name-primary:      'indigo';\n$color-name-secondary:    'pink';\n$color-name-text:         'grey';\n```\n\n### Roboto Font Combinations\n\n- [Link to module](https://github.com/StartPolymer/polymer-theme/blob/master/sass/modules/_roboto-fonts.scss)\n\n```scss\n$font-name-heading:       'roboto-slab';\n$font-lang:               'en';\n```\n\n## Contributing :+1:\n\n1. Fork it\n2. Create your feature branch (`git checkout -b my-new-feature`)\n3. Make your changes\n4. Run the tests, adding new ones for your own code if necessary\n5. Commit your changes (`git commit -am 'Added some feature'`)\n6. Push to the branch (`git push origin my-new-feature`)\n7. Create new Pull Request\n\n## [MIT License](https://github.com/StartPolymer/polymer-theme/blob/master/LICENSE)\n\nCopyright (c) 2015 Start Polymer ([http://startpolymer.org](http://startpolymer.org))\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstartpolymer%2Fpolymer-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstartpolymer%2Fpolymer-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstartpolymer%2Fpolymer-theme/lists"}