0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-25 13:10:14 +01:00
wagtail/client/scss/elements/_typography.scss
Steve Stein 66ea563fec
Use the correct type scale for heading levels in rich text. Fix #9027 (#9189)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-09-14 13:58:43 +01:00

81 lines
1010 B
SCSS

body {
-webkit-font-smoothing: antialiased; // Do not remove!
font-family: $font-sans;
font-size: 85%;
line-height: 1.5em;
color: $color-text-base;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
line-height: theme('lineHeight.tight');
color: theme('colors.primary.DEFAULT');
}
h1 {
font-size: 1.5em;
font-weight: 700;
}
h2 {
font-size: 1.3em;
font-weight: 600;
}
p {
margin-top: 0;
}
a {
color: $color-link;
text-decoration: none;
&:hover {
color: $color-link-hover;
}
}
code {
box-shadow: inset 0 0 4px 0 theme('colors.black-20');
background-color: $color-white;
font-family: $font-mono;
padding: 2px 5px;
}
kbd {
border-radius: 3px;
font-family: $font-sans;
border: 1px solid $color-grey-2;
border-color: theme('colors.black-20');
padding: 0.3em 0.5em;
}
pre {
font-family: $font-mono;
}
dl,
dt,
dd {
padding: 0;
margin: 0;
}
dl {
margin-top: 1em;
}
dt {
color: $color-grey-2;
font-size: 0.9em;
}
dd {
margin-bottom: 1em;
}