| .version-mark { | |
| position: relative; | |
| display: inline-block; | |
| margin-bottom: 1rem; | |
| max-width: 100%; | |
| &.paragraph { | |
| margin-left: 1rem; | |
| .version-tags { | |
| margin-bottom: 0; | |
| } | |
| } | |
| &.paragraph:before { | |
| content: ''; | |
| position: absolute; | |
| left: -1rem; | |
| height: 100%; | |
| border-left: 2px solid var(--ifm-color-primary); | |
| opacity: 0.2; | |
| } | |
| &.inline { | |
| display: inline; | |
| text-decoration: underline dotted #e6a700 2.3px; | |
| .version-comment { | |
| width: 40vw; | |
| } | |
| .v-mark { | |
| position: absolute; | |
| left: 0; | |
| top: 0rem; | |
| visibility: hidden; | |
| &.show { | |
| visibility: visible; | |
| top: -1.5rem; | |
| transition: all 0.3s; | |
| } | |
| } | |
| } | |
| .version-tags { | |
| display: inline-block; | |
| margin-bottom: 0.6rem; | |
| .version-tag { | |
| display: inline-block; | |
| margin-right: 6px; | |
| .version-tag-t { | |
| font-size: 12px; | |
| white-space: nowrap; | |
| background-color: #505050; | |
| color: #ffffff; | |
| padding: 3px 6px; | |
| border-top-left-radius: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| .version-tag-n { | |
| font-size: 12px; | |
| white-space: nowrap; | |
| color: #ffffff; | |
| padding: 3px 6px; | |
| border-top-right-radius: 4px; | |
| border-bottom-right-radius: 4px; | |
| &.since { | |
| background-color: #4caf8f; | |
| } | |
| &.deprecated { | |
| background-color: #c84c3d; | |
| } | |
| } | |
| } | |
| } | |
| .version-comment { | |
| display: block; | |
| margin: 8px 0 12px 0; | |
| padding: 8px 8px; | |
| background-color: #fff8e6; | |
| border-radius: 6px; | |
| border-left: 4px solid #e6a700; | |
| color: #4d3800; | |
| font-size: 14px; | |
| font-weight: normal; | |
| } | |
| } |