Packages

octantis

0.1.1
0.3.0 0.2.0 0.1.20 0.1.19 0.1.18 0.1.17 0.1.16 0.1.15 0.1.14 0.1.13 0.1.12 0.1.11 0.1.10 0.1.9 0.1.8 0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

An Elixir implementation of Shopify's Polaris design system.

HexDocs

Current section

Files

Jump to
Readme
23 Versions
6 Dependencies
Dependants
Files
Activity
octantis lib octantis_web live components polaris tokens shaddow.ex
Raw

lib/octantis_web/live/components/polaris/tokens/shaddow.ex 

defmodule OctantisWeb.Components.Polaris.Tokens.Shaddow do

  @moduledoc """

  Captures the Polaris Shaddow Tokens. Allows enforcing of component attributes

  See https://polaris.shopify.com/tokens/shaddow

  """



  @tokens [

    "2xl",

    "xl",

    "lg",

    "md",

    "sm",

    "xs",

    "none",

    "inset-sm",

    "inset-md",

    "inset-lg",

    "border-inset",

    "button-primary-success-inset",

    "button-primary-success-hover",

    "button-primary-success",

    "button-primary-critical-inset",

    "button-primary-critical-hover",

    "button-primary-critical",

    "button-primary-inset",

    "button-primary-hover",

    "button-primary",

    "button-inset",

    "button-hover",

    "button",

    "inset-200",

    "inset-100",

    "bevel-100",

    "600",

    "500",

    "400",

    "300",

    "200",

    "100",

    "0"

  ]



  def tokens, do: @tokens



  def var(colour) when colour in @tokens, do: "var(--p-shadow-#{colour})"

end