luxolus
/
open-consul
2
0
Fork 0
Code Issues 1 Pull Requests Packages 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 GitHub
parent ab029e8aca
commit e90b77b337
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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>

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

@ -137,32 +137,32 @@
} }
} }
} }
}
&.brand-consul { &.brand-consul {
& .content label { & .content label {
color: var(--consul); color: var(--consul);
}
} }
}
/* Brand -- Nomad */ /* Brand -- Nomad */
&.brand-nomad { &.brand-nomad {
& .content label { & .content label {
color: var(--nomad); color: var(--nomad);
}
} }
}
/* Brand -- Packer */ /* Brand -- Packer */
&.brand-packer { &.brand-packer {
& .content label { & .content label {
color: var(--packer); color: var(--packer);
}
} }
}
/* Brand -- Terraform */ /* Brand -- Terraform */
&.brand-terraform { &.brand-terraform {
& .content label { & .content label {
color: var(--terraform); color: var(--terraform);
}
} }
} }
} }