Files
Packer-Cn/website/components/plugin-tier-label/style.module.css
T
Zachary Shilton a906a1b426 docs: Enable docs from remote plugin (#10656)
* Add local components to build on new DocsPage functionality.

* Add new nav-data format, and placeholder remote-plugins config

* Bump to pre-release components and implement remote loading

- Migrates /docs to new DocsPage API, and adds remote plugin loading functionality
- Migrates /guides and /intro to new DocsPage API

* Remove now unused JS nav config

* Cut empty comment line
2021-03-03 10:13:50 -05:00

49 lines
857 B
CSS

/*
Note: colours have been hard-coded
to match Terraform Registry tier labels.
*/
.root {
--background-color: #8f96a2;
--text-color: #fff;
align-items: center;
background: var(--background-color);
border-radius: 3px;
display: inline-flex;
margin: 40px 8px 8px 0;
padding: 1px 8px 2px 8px;
vertical-align: baseline;
/* variations */
&[data-tier='official'] {
--background-color: #f8e397;
--text-color: #975b06;
}
/* subsequent page titles should get cozy,
otherwise the label doesn't look associated */
& + h1 {
margin-top: 16px;
}
}
.text {
/* composes */
composes: g-type-body-small-strong from global;
/* additional properties */
color: var(--text-color);
line-height: 21px;
}
.icon {
margin-right: 4px;
& svg {
display: block;
& [fill] {
fill: var(--text-color);
}
}
}