mystiq/hydrogen-web
Archived
4
1
Fork 1
Code Issues Pull requests Packages Projects Releases Wiki Activity

Format file

Browse source
This commit is contained in:
RMidhunSuresh 2022-03-07 11:33:44 +05:30
parent 92084e8005
commit b6f5e68e9e
1 changed files with 42 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
postcss/css-compile-variables.js
View file

@ -12,7 +12,7 @@ function getValueFromAlias(alias) {
function resolveDerivedVariable(decl, variables) {
const matches = decl.value.match(RE_VARIABLE_VALUE);
if (matches) {
const [,wholeVariable, baseVariable, operation, argument] = matches;
const [, wholeVariable, baseVariable, operation, argument] = matches;
if (!variables[baseVariable]) {
// hmm.. baseVariable should be in config..., maybe this is an alias?
if (!aliasMap.get(`--${baseVariable}`)) {
@ -44,7 +44,7 @@ function extractAlias(decl) {
}
}
function addResolvedVariablesToRootSelector( root, variables, { Rule, Declaration }) {
function addResolvedVariablesToRootSelector(root, variables, { Rule, Declaration }) {
const newRule = new Rule({ selector: ":root", source: root.source });
// Add base css variables to :root
for (const [key, value] of Object.entries(variables)) {
@ -69,7 +69,7 @@ module.exports = (opts = {}) => {
return {
postcssPlugin: "postcss-compile-variables",
Once(root, {Rule, Declaration}) {
Once(root, { Rule, Declaration }) {
/*
Go through the CSS file once to extract all aliases.
We use the extracted alias when resolving derived variables