mirror of
https://github.com/hashicorp/packer.git
synced 2026-10-01 12:13:59 -04:00
Zachary ShiltonandWilken Rivera
cae7bd9e5b
* refactor(website): use prop and CSS for plugin label spacing * fix: add official tier label to built-in plugin docs * feat(website): add BadgesHeader component * refactor(website): use BadgesHeader in all content * feat(website): add HCP ready demo, tweak badge look * refactor: integrate work from add-plugin-version branch * fix(website): correct bad import * fix: use updated MDX custom component * chore: remove plugin version label work from this branch * chore: remove unused var * fix: use new BadgesHeader interface for dual tags * chore: remove unused var, refine comment * fix: remove unused broken import * fix: shorten property for HCP packer readiness * Apply suggestions from code review Remove a few demo labels before merging Co-authored-by: Wilken Rivera <[email protected]>
46 lines
929 B
CSS
46 lines
929 B
CSS
.root {
|
|
/* theming. Note that gold and gray
|
|
have been set to hex values in order
|
|
to match Terraform Registry tier labels. */
|
|
&.theme-gray {
|
|
--background-color: #8f96a2;
|
|
--text-color: #fff;
|
|
}
|
|
&.theme-light-gray {
|
|
--background-color: var(--gray-6);
|
|
--text-color: var(--gray-3);
|
|
}
|
|
&.theme-gold {
|
|
--background-color: #f8e397;
|
|
--text-color: #975b06;
|
|
}
|
|
&.theme-blue {
|
|
--background-color: var(--packer);
|
|
--text-color: var(--packer-text-on-primary);
|
|
}
|
|
|
|
align-items: center;
|
|
background: var(--background-color);
|
|
border-radius: 3px;
|
|
display: inline-flex;
|
|
margin: 0;
|
|
padding: 1px 8px 2px 8px;
|
|
position: relative;
|
|
top: -1px;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.text {
|
|
/* composes */
|
|
composes: g-type-body-small-strong from global;
|
|
|
|
/* additional properties */
|
|
color: var(--text-color);
|
|
line-height: 21px;
|
|
}
|
|
|
|
.icon {
|
|
margin-right: 4px;
|
|
color: var(--text-color);
|
|
}
|