dbanksdesign

// Here is a simple implementation
theo.registerValueTransform(
  "size/pxToRem",
  prop => prop.get("type") === "size", // Or whatever props you want to match
  prop => {
    let val = Math.floor(parseFloat(prop.get("value").replace(/px/g, "")) / 16)
    return `${val}rem`;
  }
);

dbanksdesign

Name and title

Danny Banks

Sr. UX Designer, Amazon

Links

• Website
• Twitter
• GitHub

dbanksdesign

{
  "color": {
    "background": {
      "base": {
        "value": "#ffffff",
        "attributes": {
          "androidName": "someName",
          "iosName": "someOtherName"
        }
      }

dbanksdesign

{
  "color": {
    "base": {
      "transparent": { "value": "#DDFF33AA" },
      "nontransparent": { "value": "#DDFF33" }
    }
  }
}

dbanksdesign

const StyleDictionary = require('style-dictionary');  
const watch = require('node-watch');

watch('./', { recursive: true, filter: /^(properties|components)/ }, function(evt, name) {
    console.log('Updating the style dictionary');
    try {
      styleDictionary = StyleDictionary.extend('config.json');
      styleDictionary.buildAllPlatforms();
      console.log('\n🎉 Style dictionary finished!');
    } catch (e) {

dbanksdesign

//
//  PvlseFromBottomSegue.m
//  Pvlse
//
//  Created by Daniel Banks on 2/9/14.
//  Copyright (c) 2014 Pvlse. All rights reserved.
//

#import "PvlseFromBottomSegue.h"
#import "PvlseNavigationController.h"