mkdocs.yml

site_name: "violetear"
site_url: https://apiad.net/violetear
repo_url: https://github.com/apiad/violetear

remote_branch: main

theme:
  name: material
  features:
    - navigation.tabs
    - navigation.sections
    - navigation.instant
    - toc.integrate
    - navigation.top
    - content.code.annotate
  palette:
    - media: "(prefers-color-scheme: light)"
      scheme: default
      primary: indigo
      accent: indigo
      toggle:
        icon: material/lightbulb
        name: Switch to dark mode
    - media: "(prefers-color-scheme: dark)"
      scheme: slate
      primary: deep-orange
      accent: deep-orange
      toggle:
        icon: material/lightbulb-outline
        name: Switch to light mode

extra:
  social:
    - icon: fontawesome/brands/github
      link: https://github.com/apiad
    - icon: fontawesome/brands/twitter
      link: https://twitter.com/AlejandroPiad
    - icon: fontawesome/brands/telegram
      link: https://t.me/apiadnet

copyright: CC 4.0 BY-NC-SA © 2022 - Alejandro Piad Morffis

markdown_extensions:
  - pymdownx.highlight:
      anchor_linenums: true
  - pymdownx.inlinehilite
  - pymdownx.snippets
  - admonition
  - pymdownx.details
  - pymdownx.superfences
  - pymdownx.tasklist:
      custom_checkbox: true
  - toc:
      permalink: True
  - pymdownx.emoji:
      emoji_index: !!python/name:materialx.emoji.twemoji
      emoji_generator: !!python/name:materialx.emoji.to_svg

nav:
  - Home:
    - Start Here: index.md
    - Design: design.md
  - User Guide: guide.md
  - Examples:
    - Welcome: examples/index.md
    - Color spaces: examples/color-spaces.md
    - Fluid grid: examples/flex-grid.md
    - Semantic design: examples/semantic_design.md
    - Utilities: examples/utilities.md
    - Animations: examples/animations.md
    - Markup: examples/markup.md
  - API:
    - violetear: api/violetear.md
    - violetear.stylesheet: api/violetear.stylesheet.md
    - violetear.style: api/violetear.style.md
    - violetear.animation: api/violetear.animation.md
    - violetear.selector: api/violetear.selector.md
    - violetear.color: api/violetear.color.md
    - violetear.units: api/violetear.units.md
    - violetear.media: api/violetear.media.md
    - violetear.presets: api/violetear.presets.md
    - violetear.types: api/violetear.types.md
    - violetear.helpers: api/violetear.helpers.md

watch:
  - docs
  - violetear