Packages

octantis

0.3.0
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 space.ex
Raw

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

defmodule OctantisWeb.Components.Polaris.Tokens.Space do

  @moduledoc """

  Captures the Polaris Space Tokens. Allows enforcing of component attributes



  ## See 

  - https://polaris.shopify.com/tokens/space

  """



  @tokens [

    "32",

    "28",

    "24",

    "20",

    "16",

    "12",

    "10",

    "8",

    "6",

    "5",

    "4",

    "3",

    "2",

    "1",

    "05",

    "table-cell-padding",

    "card-padding",

    "card-gap",

    "button-group-gap",

    "3200",

    "2800",

    "2400",

    "2000",

    "1600",

    "1200",

    "1000",

    "800",

    "600",

    "500",

    "400",

    "300",

    "200",

    "150",

    "100",

    "050",

    "025",

    "0"

  ]



  def tokens, do: @tokens



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

end