Skip to content

Latest commit

 

History

History
81 lines (77 loc) · 1.59 KB

todo.md

File metadata and controls

81 lines (77 loc) · 1.59 KB

[x] Expose size/scale/clamp as function from buildTypographyScales [x] allow range to be inputted into generateNamedScale to pass buildTypographyScales [x] allow font size and width to be inputted into generatedNamedScales [x] allow config for min and max, or just one [] render style/family tokens from a json/token file

  • variable pairs of min font size + scale
  • breakpoint variations?
{
  "type styles": {
    "heading-level-1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Roboto",
        "fontSize": "42px",
        "fontWeight": "700",
        "letterSpacing": "0.1px",
        "lineHeight": "1.2"
      }
    },
    "microcopy": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.serif}",
        "fontSize": "{font.size.smallest}",
        "fontWeight": "{font.weight.normal}",
        "letterSpacing": "0px",
        "lineHeight": "1"
      }
    }
  }
}
{
  "brand": {
    "color": {
      "$type": "color",
      "acid green": {
        "$value": "#00ff66"
      },
      "hot pink": {
        "$value": "#dd22cc"
      }
    },
    "typeface": {
      "$type": "fontFamily",
      "primary": {
        "$value": "Comic Sans MS"
      },
      "secondary": {
        "$value": "Times New Roman"
      }
    }
  }
}
{
  "token uno": {
    "$value": "token value 1"
  },
  "token group": {
    "token dos": {
      "$value": "token value 2"
    },
    "nested token group": {
      "token tres": {
        "$value": "token value 3"
      },
      "Token cuatro": {
        "$value": "token value 4"
      }
    }
  }
}