1
1
mirror of https://github.com/primer/css.git synced 2024-12-25 23:23:47 +03:00
css/packages/primer-markdown/lib/headings.scss
2017-05-11 16:12:29 -04:00

66 lines
1001 B
SCSS

// Needs refactoring
// stylelint-disable selector-max-compound-selectors, selector-max-specificity
// stylelint-disable selector-no-type
.markdown-body {
// Headings
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: ($margin * 1.5);
margin-bottom: $margin;
font-weight: $font-weight-bold;
line-height: $lh-condensed;
.octicon-link {
color: $black;
vertical-align: middle;
visibility: hidden;
}
&:hover .anchor {
text-decoration: none;
.octicon-link {
visibility: visible;
}
}
tt,
code {
font-size: inherit;
}
}
h1 {
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid lighten($gray-200, 3%);
}
h2 {
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid lighten($gray-200, 3%);
}
h3 {
font-size: 1.25em;
}
h4 {
font-size: 1em;
}
h5 {
font-size: 0.875em;
}
h6 {
font-size: 0.85em;
color: $gray-500;
}
}