• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19

{
  "properties": {
    "html": {
      "stringValue": "Hello"
    },
    "style": {
      "stringValue": "\n  <style>\n    #nanobar {\n      padding: 10px;\n      font-size: 16px;\n      border: 10px solid #d66b5f;\n      background: #fa8072;\n      text-align: center;\n    }\n    #nanobar > a {\n      color: #556f80;\n    }\n    #nanobar > .email {\n      color: #000;\n      background: #fff;\n    },\n    #nanobar > .button {\n      color: #fff;\n      background: green,\n    },\n    #nanobar > .clock {\n\n    },\n    #nanobar .close {\n      color: #ffffff;\n    }\n  </style>"
    },
    "js": {
      "stringValue": "\n  ;(function() {\n    var style = \n  <style>\n    #nanobar {\n      padding: 10px;\n      font-size: 16px;\n      border: 10px solid #d66b5f;\n      background: #fa8072;\n      text-align: center;\n    }\n    #nanobar > a {\n      color: #556f80;\n    }\n    #nanobar > .email {\n      color: #000;\n      background: #fff;\n    },\n    #nanobar > .button {\n      color: #fff;\n      background: green,\n    },\n    #nanobar > .clock {\n\n    },\n    #nanobar .close {\n      color: #ffffff;\n    }\n  </style>\n    body = document.querySelector('body')\n    var bar = \"<div id='nanobar'>Hello</div>\"\n    body.insertAdjacentHTML('afterbegin', style);\n    body.insertAdjacentHTML('afterbegin', bar);\n  })()\n"
    },
    "variables": {
      "stringValue": "{\"css\":{\"padding\":\"10px\",\"fontSize\":\"16px\",\"borderWidth\":\"10px\",\"borderColor\":\"#d66b5f\",\"backgroundColor\":\"#fa8072\",\"linkColor\":\"#556f80\",\"closeButtonColor\":\"#ffffff\",\"closeButtonText\":\"(x)\"},\"js\":{\"entrance\":\"push\",\"position\":\"top\",\"delay\":0,\"autohide\":5,\"domains\":[],\"pages\":[]}}"
    },
    "name": {
      "stringValue": "Default Bar"
    }
  }
}