1
0
mirror of https://github.com/onkelbeh/cheatsheets.git synced 2025-10-16 15:38:44 +02:00
cheatsheets/src/sass/2017/markdown/headings.scss
Rico Sta. Cruz 42dd9eff84
Readability updates (#2134)
This PR updates the headings to avoid thin font weights and low
constrast ratios.

<table>
<tr>
<th>Before</th>
<th>After</th>
</tr>
<tr>
<td>


![image](https://github.com/rstacruz/cheatsheets/assets/74385/b7313b99-0376-49c1-84cd-e3476b2c84ff)

</td>
<td>


![image](https://github.com/rstacruz/cheatsheets/assets/74385/c2aec010-9976-4543-910b-dd9112995846)

</td>
</tr>
<tr>
<td>


![image](https://github.com/rstacruz/cheatsheets/assets/74385/e214d4a5-9a20-4a86-abc8-3261fc418192)

</td>
<td>


![image](https://github.com/rstacruz/cheatsheets/assets/74385/71a91afc-aa7b-4b8b-adf2-30a976c4a324)

</td>
</tr>
</table>
2024-04-03 23:37:00 +11:00

46 lines
616 B
SCSS

/*
* MarkdownBody context
*/
.MarkdownBody h2 {
@include heading-style;
@include font-size(6);
line-height: 1.2;
font-weight: 200;
font-family: $heading-font;
margin-top: 0;
}
.MarkdownBody h3 {
margin: 0;
padding: 0;
margin-bottom: 16px;
font-family: $heading-font;
@include font-size(2);
font-weight: 400;
color: $base-a;
}
.MarkdownBody {
a,
a:visited {
color: $base-b;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
em {
font-style: normal;
color: $gray-text;
}
iframe {
border: 0;
margin: 0;
width: 100%;
}
}