search

antaresprogramming / zirconium

An opinionated CSS library of components used in Antares Programming
https://antaresprogramming.github.io/zirconium
MIT License
0 stars 0 forks source link

Create Zirconium documentation page #3

Open maniczirconium opened 3 years ago

maniczirconium commented 3 years ago
  1. Guidelines
    • [x] Color
    • [x] Typography and Icons
    • [ ] Elevation and Shadows
  2. Components
    • [ ] Article elements
      • Blockquotes
      • Body copy
      • Inline code
      • Definition (<dfn> keywords)
      • Figures and captions
      • Headings
      • Keyboard Shortcuts
      • Links
      • Tables
    • [ ] Avatar
    • [ ] Badges
    • [x] Banner
    • [x] Breadcrumbs
    • [x] Buttons
    • [x] Byline
    • [x] Cards
      • Default cards
      • Image cards
      • Media cards
      • Profile cards
    • [x] Code Snippets
    • [x] Disclosure widgets and groups
    • [x] Dropdown
    • [ ] Horizontal Rule
    • [ ] Lists and list groups
      • Ordered and unordered lists
      • Definition lists
      • List groups
    • [x] Live examples (via <iframe>)
    • [ ] Menu
    • [ ] Navigation bar
    • [ ] Sequence Control (Next/Previous article)
    • [ ] Pagination
    • [ ] Progress indicator
    • [x] Progress tracker
    • [x] Side Note
    • [ ] Slideset
    • [ ] Spinner
    • [ ] Switch control
    • [ ] Tooltip
    • Form Controls
      • [ ] Checkbox
      • [ ] Radio button
      • [ ] Text field
      • [ ] Search input
      • [ ] Text area
  3. Utilities
    • [x] Layout
      • Alignment
        • align-*
        • justify-*
        • vertical-align
        • text-align
      • Aspect Ratios
        • square
        • portrait
        • landscape
      • Flexbox
        • Responsive flex
      • Grid
        • Responsive grid
      • Section
      • Page
      • Margins and Paddings
      • Sizes
    • [ ] Typography
      • Typefaces (sans, serif, monospaced)
      • Font weights
      • Font styles
      • Text decorations
      • Text transforms
        • uppercase
        • lowercase
        • titlecase
    • [x] Accessible Hiding (visually-hidden)
  4. Patterns
    • [ ] Author profile
    • [ ] Empty States
    • [ ] Blog articles
    • [ ] Course lessons
    • [ ] Search results
    • [ ] Video player
maniczirconium commented 3 years ago

Initial documentation has been merged by commit 0b72d8038b17653bb905a6bb7e9d4448e2e4a88b

maniczirconium commented 3 years ago

Colors are now updated. Previously, colors came from the elementary OS color palette. In this next iteration, colors still come from said palette, but saturation and lightness are now tweaked. Only the hue for each color come from the eOS palette.

New color palette for Zirconium

Background and text colors are also updated to follow Hudl Uniform guidelines for theme and content colors. The colors still come from the Zirconium color palette. We are using the new iteration of silver and black.

Background colors in both light and dark themes for Zirconium

Text colors in both light and dark themes for Zirconium

maniczirconium commented 3 years ago

Since the docs also use the current build of Zirconium, colors are already updated there. I will also update the colors documentation to include the color palette for success, info, error, and warning states.

maniczirconium commented 3 years ago

As for the test page, these states' colors haven't been done yet. Will also do that now.

maniczirconium commented 3 years ago

eed23815a8b84337c970dd34782d0e6345d92366 adds the new colors. Some components have also been updated to reflect the change.

maniczirconium commented 3 years ago

5 migrated the docs to Jekyll to take advantage of its integration with Github pages and templating.

maniczirconium commented 3 years ago

9 added documentation for buttons