status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix link color on home page (#9611) 

* Fix learn-callout theming

* Fix link color in cloud-offerings-list
This commit is contained in:
Zachary Shilton 2021-01-21 13:15:42 -05:00 committed by hashicorp-ci
parent 07f961cbf6
commit 7d8ff3606c
2 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
website/components/cloud-offerings-list/index.jsx
View File

@ -3,21 +3,21 @@ import Button from '@hashicorp/react-button'
export default function CloudOfferingsList({ offerings }) { export default function CloudOfferingsList({ offerings }) {
return ( return (
<ul className="g-cloud-offerings-list"> <ul className="g-cloud-offerings-list">
{offerings.map(offering => ( {offerings.map((offering) => (
<li key={offering.title}> <li key={offering.title}>
<a <a
href={offering.link.url} href={offering.link.url}
rel={offering.link.type === 'outbound' ? 'noopener' : undefined} rel={offering.link.type === 'outbound' ? 'noopener' : undefined}
target={offering.link.type === 'outbound' ? '_blank' : undefined} target={offering.link.type === 'outbound' ? '_blank' : undefined}
> >
<img src={offering.image} alt={offering.title}/> <img src={offering.image} alt={offering.title} />
<span className="g-type-label-strong">{offering.eyebrow}</span> <span className="g-type-label-strong">{offering.eyebrow}</span>
<h4>{offering.title}</h4> <h4>{offering.title}</h4>
<p>{offering.description}</p> <p>{offering.description}</p>
<Button <Button
title={offering.link.text} title={offering.link.text}
linkType={offering.link.type} linkType={offering.link.type}
theme={{ variant: 'tertiary' }} theme={{ variant: 'tertiary', brand: 'consul' }}
url={offering.link.url} url={offering.link.url}
/> />
</a> </a>

2
website/components/learn-callout/style.css
View File

@ -137,6 +137,7 @@
} }
} }
} }
}
&.brand-consul { &.brand-consul {
& .content label { & .content label {
@ -164,5 +165,4 @@
color: var(--terraform); color: var(--terraform);
} }
} }
}
} }