@@ -71,6 +74,10 @@ export default {
type: String,
default: null,
},
+ linkColor: {
+ type: String,
+ default: null,
+ },
media: {
type: Array,
default: null,
@@ -102,7 +109,13 @@ export default {
//---------------------------------------------------
computed: {
computedStyles() {
- const { bgColor, titleColor, textColor } = this;
+ const {
+ bgColor,
+ titleColor,
+ textColor,
+ linkColor,
+ } = this;
+
let out = '--hcolor:initial;';
if (titleColor) {
out += `--hcolor:${titleColor};`;
@@ -111,7 +124,10 @@ export default {
out += `background-color:${bgColor};`;
}
if (textColor) {
- out += `color:${textColor}`;
+ out += `color:${textColor};`;
+ }
+ if (linkColor) {
+ out += `--lcolor:${linkColor};`;
}
return out;
},
@@ -264,7 +280,7 @@ export default {
a {
font-family: inherit;
font-size: inherit;
- color: var(--color-blue);
+ color: var(--lcolor, var(--color-blue));
text-decoration: underline;
}
}
diff --git a/src/views/PageFactory.vue b/src/views/PageFactory.vue
index a994ad7..cdf3136 100644
--- a/src/views/PageFactory.vue
+++ b/src/views/PageFactory.vue
@@ -26,6 +26,7 @@
:bg-color="block.bgcolor"
:title-color="block.titlecolor"
:text-color="block.txtcolor"
+ :link-color="block.linkcolor"
:media="block.media"
:variation="block.variation"
/>
@@ -171,6 +172,10 @@
:content="block.content"
:services="block.services"
/>
+