Files
Packer-Cn/website/components/badge/style.module.css
Zachary Shilton d82135d4f5 website: support Verified pluginTier, support Archived badge (#11622)
* website: support Verified pluginTier, support Archived badge

* website: demo new plugin badges, should revert this later

* website: fix missing types, non-optional iconSvg prop

* Revert "website: demo new plugin badges, should revert this later"

This reverts commit ca4aeae831.

* feat: mark verified plugins and archived plugins

* website: move archived badge to be first badge shown

* fix: move archived badge next to version number
2022-03-07 15:11:47 -05:00

50 lines
1.0 KiB
CSS

.root {
/* theming. Note that gold, gray, and purple
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);
}
&.theme-purple {
--background-color: #5c4ee5;
--text-color: var(--white);
}
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);
}