Giters

pbontrag / style_guide

This Style Guide provides guidelines, code, and best practices for implementing a consistent user interface across the AGL open application suite.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

StyleGuide

CSS and HTML templating for commonly used elements along with guidelines for web standards.

Releases

release-1.1

New
  • Adds Modifier Classes Section
  • Adds vertical sliders
  • Adds button-controlled version of vertical sliders
Updates
  • Removes CSS snippets that have been merged into the codebase
Fixes
  • Fixes display issues in Firefox with fonts and flexboxes
  • Adds documentation regarding imports not loading in Firefox

release-1.0

New

Initial release includes the following sections:

  • About This Guide
  • How-to-use-this-guide Section
  • Typography
  • Colors
  • Boxes (module variations)
  • Controls with:
    • Buttons
    • Horizontal Sliders
    • Button-controlled Sliders
    • Vertical Sliders
    • Switches (toggles)
  • Forms (text inputs only)
  • Tables
  • Scrolling Content
  • Touch-Action behavior
  • CSS and HTML coding guidelines
  • HTML demo

Also includes:

  • JS content and snippet loader
  • Source Sans Pro and Source Code Pro fonts

About

This Style Guide provides guidelines, code, and best practices for implementing a consistent user interface across the AGL open application suite.

Languages

Language:CSS 48.5%Language:HTML 47.9%Language:JavaScript 3.6%