mirror of https://github.com/status-im/consul.git
Fix link color on home page (#9611)
* Fix learn-callout theming * Fix link color in cloud-offerings-list
This commit is contained in:
parent
07f961cbf6
commit
7d8ff3606c
|
@ -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>
|
||||||
|
|
|
@ -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);
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue