https://github.com/ember-learn/ember-styleguide

This is a UI addon that intends to help standardize the Ember family of websites and make it easier to make the Ember website an Ember app.
https://github.com/ember-learn/ember-styleguide

ember ember-addon emberjs hacktoberfest

Last synced: 3 months ago
JSON representation

This is a UI addon that intends to help standardize the Ember family of websites and make it easier to make the Ember website an Ember app.

• Host: GitHub
• URL: https://github.com/ember-learn/ember-styleguide
• Owner: ember-learn
• License: mit
• Created: 2017-06-25T14:37:51.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2024-07-26T16:46:16.000Z (12 months ago)
• Last Synced: 2025-03-29T12:06:03.778Z (4 months ago)
• Topics: ember, ember-addon, emberjs, hacktoberfest
• Language: JavaScript
• Homepage: https://ember-styleguide.netlify.app
• Size: 24.8 MB
• Stars: 78
• Watchers: 14
• Forks: 87
• Open Issues: 42
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
[![This project uses GitHub Actions for continuous integration.](https://github.com/ember-learn/ember-styleguide/workflows/CI/badge.svg)](https://github.com/ember-learn/ember-styleguide/actions?query=workflow%3ACI)

[![This project uses Percy.io for visual regression testing.](https://percy.io/static/images/percy-badge.svg)](https://percy.io/Ember/ember-styleguide)

[![Latest NPM release](https://img.shields.io/npm/v/ember-styleguide.svg)](https://www.npmjs.com/package/ember-styleguide.svg)

ember-styleguide

==============================================================================

This addon is intended to provide basic components for easier style coordination among the Ember family of websites, although the original intent is to support the emberjs.com website. We are committed to the goal of meeting WCAG 2.0 AA conformance standards.

Compatibility

------------------------------------------------------------------------------

* Ember.js v3.24 or above

* Ember CLI v3.24 or above

* Node.js v14 or above

Installation

------------------------------------------------------------------------------

[See the visual design](https://codepen.io/melsumner/pen/9d551738a81e319a773395a2cfa1a82e) as a work in progress & feel free to submit ideas of your own!

## Installation

* `git clone ` this repository

* `cd ember-styleguide`

* `npm install`

## Running

See the [Contributing](CONTRIBUTING.md) guide for details.

## WIP Notes

* Each component must have the component name attached to the component as a CSS class.

* It may feel as though there is duplicated code throughout these components; during the WIP process, we are favoring duplication over abstraction.

* Font icons through [ember-fontawesome](https://fontawesome.com/how-to-use/on-the-web/using-with/ember) - it is supported by the font awesome team and they render to SVG.

* In this addon, the `section` element is used as a container and is intended to span the full width of the viewport.