{"version":"1.0","provider_name":"Sketch2React Blog","provider_url":"https:\/\/sketch2react.io\/blog","title":"Styled Components vs Design Tokens in Stratos - Sketch2React Blog","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"lDEAkDEKfu\"><a href=\"https:\/\/sketch2react.io\/blog\/styled-components-vs-design-tokens-in-stratos\/\">Styled Components vs Design Tokens in Stratos<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/sketch2react.io\/blog\/styled-components-vs-design-tokens-in-stratos\/embed\/#?secret=lDEAkDEKfu\" width=\"600\" height=\"338\" title=\"&#8220;Styled Components vs Design Tokens in Stratos&#8221; &#8212; Sketch2React Blog\" data-secret=\"lDEAkDEKfu\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/sketch2react.io\/blog\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","description":"Let\u2019s break down the two different ways of working with design systems and\u00a0Stratos. Styled Components Every time that you use our markup correctly you will output Styled Components automatically. The easiest styled components you can create is anything that has to do with typography. Here\u2019s for example how you create an H2 in Stratos: Use&hellip;&nbsp;Read More &raquo;","thumbnail_url":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*uoKK-BksA_gf2QXNRWljJQ@2x.png"}