* Use pastel colors * Whit text * Slugify/anchor section headings * Use classes instead of style attributes * Use fancy-pants SCSS * Simplify a tad * TIL text-inherit helper Co-authored-by: Vanessa Yuen <6842965+vanessayuenn@users.noreply.github.com> * Remove redundant `style` attr Co-authored-by: Vanessa Yuen <6842965+vanessayuenn@users.noreply.github.com> Co-authored-by: Vanessa Yuen <6842965+vanessayuenn@users.noreply.github.com>
38 lines
720 B
SCSS
38 lines
720 B
SCSS
ul.release-notes-list li.release-notes-list-item {
|
|
&::marker {
|
|
// `• `
|
|
content: '\2022\00a0';
|
|
font-size: 1.6em;
|
|
margin-right: $spacer-2;
|
|
color: $gray-400;
|
|
}
|
|
|
|
&.list-style-none::marker {
|
|
content: '';
|
|
}
|
|
}
|
|
|
|
details[open].release-notes-version-picker summary .octicon.octicon-chevron-down {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
$colors-list:(
|
|
features: #05a88b,
|
|
bugs: #ec8c1c,
|
|
known_issues: #4f6db3,
|
|
security_fixes: #e53e72,
|
|
changes: #69b378,
|
|
deprecations: #9a62a3
|
|
);
|
|
|
|
@each $key,$val in $colors-list{
|
|
.release-notes-section-#{$key} {
|
|
.release-notes-section-label {
|
|
background-color: #{$val};
|
|
}
|
|
.release-notes-section-heading {
|
|
color: #{$val};
|
|
}
|
|
}
|
|
}
|