Skip to content

Commit

Permalink
Interpolate CSS native variables in Design Editor files.
Browse files Browse the repository at this point in the history
Fixes rebuilding Design Editor components with updated modules.
(closes #76)
  • Loading branch information
Kaspar Naaber committed Sep 15, 2017
1 parent e1cf98a commit 3a7ace0
Show file tree
Hide file tree
Showing 11 changed files with 173 additions and 173 deletions.
58 changes: 29 additions & 29 deletions sources/components/custom-styles/template-cs-blog-article.scss
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
// =============================================================================
:root {
// scss-lint:disable Comment, Indentation

// BLOG ARTICLE CONTENT!

/* VoogStyle
Expand All @@ -31,7 +31,7 @@
"unit": "px",
"scope": "global"
*/
--blog-article-margin: 70px;
#{--blog-article-margin}: 70px;

/* VoogStyle
"pathI18n": ["content", "title"],
Expand All @@ -43,7 +43,7 @@
"scope": "global",
"featured": true
*/
--content-title-font-size: 46px;
#{--content-title-font-size}: 46px;

/* VoogStyle
"pathI18n": ["content", "title"],
Expand All @@ -55,7 +55,7 @@
"unit": "em",
"scope": "global"
*/
--content-title-line-height: 1em;
#{--content-title-line-height}: 1em;

/* VoogStyle
"pathI18n": ["content", "title"],
Expand All @@ -69,7 +69,7 @@
"icon": "bold",
"scope": "global"
*/
--content-title-font-weight: 400;
#{--content-title-font-weight}: 400;

/* VoogStyle
"pathI18n": ["content", "title"],
Expand All @@ -83,7 +83,7 @@
"icon": "italic",
"scope": "global"
*/
--content-title-font-style: normal;
#{--content-title-font-style}: normal;

/* VoogStyle
"pathI18n": ["content", "title"],
Expand All @@ -97,7 +97,7 @@
"icon": "underline",
"scope": "global"
*/
--content-title-text-decoration: none;
#{--content-title-text-decoration}: none;

/* VoogStyle
"pathI18n": ["content", "title"],
Expand All @@ -111,7 +111,7 @@
"icon": "uppercase",
"scope": "global"
*/
--content-title-text-transform: none;
#{--content-title-text-transform}: none;

/* VoogStyle
"pathI18n": ["content", "title"],
Expand All @@ -121,7 +121,7 @@
"scope": "global",
"featured": true
*/
--content-title-color: $color-two;
#{--content-title-color}: $color-two;

/* VoogStyle
"pathI18n": ["content", "date"],
Expand All @@ -133,7 +133,7 @@
"scope": "global",
"featured": true
*/
--post-date-font-size: 20px;
#{--post-date-font-size}: 20px;

/* VoogStyle
"pathI18n": ["content", "date"],
Expand All @@ -145,7 +145,7 @@
"unit": "em",
"scope": "global"
*/
--post-date-line-height: 1.6em;
#{--post-date-line-height}: 1.6em;

/* VoogStyle
"pathI18n": ["content", "date"],
Expand All @@ -159,7 +159,7 @@
"icon": "bold",
"scope": "global"
*/
--post-date-font-weight: 400;
#{--post-date-font-weight}: 400;

/* VoogStyle
"pathI18n": ["content", "date"],
Expand All @@ -173,7 +173,7 @@
"icon": "italic",
"scope": "global"
*/
--post-date-font-style: normal;
#{--post-date-font-style}: normal;

/* VoogStyle
"pathI18n": ["content", "date"],
Expand All @@ -187,7 +187,7 @@
"icon": "underline",
"scope": "global"
*/
--post-date-text-decoration: none;
#{--post-date-text-decoration}: none;

/* VoogStyle
"pathI18n": ["content", "date"],
Expand All @@ -201,7 +201,7 @@
"icon": "uppercase",
"scope": "global"
*/
--post-date-text-transform: uppercase;
#{--post-date-text-transform}: uppercase;

/* VoogStyle
"pathI18n": ["content", "date"],
Expand All @@ -211,7 +211,7 @@
"scope": "global",
"featured": true
*/
--post-date-color: $color-error;
#{--post-date-color}: $color-error;

/* VoogStyle
"pathI18n": ["content", "text"],
Expand All @@ -226,7 +226,7 @@
"--form-field-text-font-size"
]
*/
--content-font-size: 20px;
#{--content-font-size}: 20px;

/* VoogStyle
"pathI18n": ["content", "text"],
Expand All @@ -238,7 +238,7 @@
"unit": "em",
"scope": "global"
*/
--content-line-height: $line-height;
#{--content-line-height}: $line-height;

/* VoogStyle
"pathI18n": ["content", "text"],
Expand All @@ -247,7 +247,7 @@
"scope": "global",
"featured": true
*/
--content-color: $color-two;
#{--content-color}: $color-two;

/* VoogStyle
"pathI18n": ["content", "link", "normal"],
Expand All @@ -264,7 +264,7 @@
"--content-links-hover-font-weight"
]
*/
--content-links-font-weight: 400;
#{--content-links-font-weight}: 400;

/* VoogStyle
"pathI18n": ["content", "link", "hover"],
Expand All @@ -278,7 +278,7 @@
"icon": "bold",
"scope": "global"
*/
--content-links-hover-font-weight: 400;
#{--content-links-hover-font-weight}: 400;

/* VoogStyle
"pathI18n": ["content", "link", "normal"],
Expand All @@ -295,7 +295,7 @@
"--content-links-hover-font-style"
]
*/
--content-links-font-style: normal;
#{--content-links-font-style}: normal;

/* VoogStyle
"pathI18n": ["content", "link", "hover"],
Expand All @@ -309,7 +309,7 @@
"icon": "italic",
"scope": "global"
*/
--content-links-hover-font-style: normal;
#{--content-links-hover-font-style}: normal;

/* VoogStyle
"pathI18n": ["content", "link", "normal"],
Expand All @@ -326,7 +326,7 @@
"--content-links-hover-text-decoration"
]
*/
--content-links-text-decoration: none;
#{--content-links-text-decoration}: none;

/* VoogStyle
"pathI18n": ["content", "link", "hover"],
Expand All @@ -340,7 +340,7 @@
"icon": "underline",
"scope": "global"
*/
--content-links-hover-text-decoration: none;
#{--content-links-hover-text-decoration}: none;

/* VoogStyle
"pathI18n": ["content", "link", "normal"],
Expand All @@ -357,7 +357,7 @@
"--content-links-hover-text-transform"
]
*/
--content-links-text-transform: none;
#{--content-links-text-transform}: none;

/* VoogStyle
"pathI18n": ["content", "link", "hover"],
Expand All @@ -371,7 +371,7 @@
"icon": "uppercase",
"scope": "global"
*/
--content-links-hover-text-transform: none;
#{--content-links-hover-text-transform}: none;

/* VoogStyle
"pathI18n": ["content", "link", "normal"],
Expand All @@ -381,7 +381,7 @@
"scope": "global",
"featured": true
*/
--content-links-color: $color-four;
#{--content-links-color}: $color-four;

/* VoogStyle
"pathI18n": ["content", "link", "hover"],
Expand All @@ -391,7 +391,7 @@
"scope": "global",
"featured": true
*/
--content-links-hover-color: $color-two;
#{--content-links-hover-color}: $color-two;

// scss-lint:enable Comment, Indentation
}
Loading

0 comments on commit 3a7ace0

Please sign in to comment.