#           .d888  .d888
#          d88P"  d88P"
#          888    888
#  .d88b.  888888 888888       .d8888b  8888b.  88888b.  888  888  8888b.  .d8888b
# d88""88b 888    888         d88P"        "88b 888 "88b 888  888     "88b 88K
# 888  888 888    888  888888 888      .d888888 888  888 Y88  88P .d888888 "Y8888b.
# Y88..88P 888    888         Y88b.    888  888 888  888  Y8bd8P  888  888      X88
#  "Y88P"  888    888          "Y8888P "Y888888 888  888   Y88P   "Y888888  88888P'

# Off-Canvas
#
# These settings are used for our off-canvas components.
#
# $off-canvas-height      = 100vh                             - Sets the height of off-canvas elements
# $off-canvas-width       = 250px                             - Sets the width of off-canvas elements
# $off-canvas-open-at     = xxxl                              - Keep the off-canvas menu open at a certain breakpoint
# $off-canvas-shadow      = 5px 0 10px 0 color(black, 0, 25)  - Sets the box-shadow for off-canvas elements
# $off-canvas-transition  = left 0.75s ease-in-out            - Sets the CSS transition when toggling off-canvas elements
#
# Styleguide Tokens.OffCanvas
#
# Weight: 13
off-canvas:
  height: 100vh !default
  width: 250px !default
  open-at: xxxl !default
  shadow: 5px 0 10px 0 color(black, 0, 25) !default
  transition: left 0.75s ease-in-out !default