{"version":"1.0","provider_name":"Patricio Mas","provider_url":"https:\/\/patriciomas.cl\/en","title":"Centralized Style Sheets - Patricio Mas","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"3Z8y2Y1bfT\"><a href=\"https:\/\/patriciomas.cl\/en\/portfolio\/centralized-style-sheets\/\">Centralized Style Sheets<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/patriciomas.cl\/en\/portfolio\/centralized-style-sheets\/embed\/#?secret=3Z8y2Y1bfT\" width=\"600\" height=\"338\" title=\"&#8220;Centralized Style Sheets&#8221; &#8212; Patricio Mas\" data-secret=\"3Z8y2Y1bfT\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\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:\/\/patriciomas.cl\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/patriciomas.cl\/wp-content\/uploads\/2024\/08\/centralized-style-sheets.png","thumbnail_width":978,"thumbnail_height":791,"description":"As Product Design Lead at uPlanner, I led the efforts of our team through a critical evolution in our UI design process. We moved from using inline styles, which created inconsistency, redundancy, and limited reusability, to implementing centralized style sheets for greater efficiency and uniformity. Initially, we transitioned to centralized LESS files during our Angular phase, integrating them with the Bootstrap framework to establish a consistent design language, improve maintainability, and enhance modularity. Later, as we shifted to Vue.js, we advanced to SASS, leveraging its more powerful features for better reusability, scalability, and efficiency, while also updating our Bootstrap integration. [&hellip;]"}