March 11
Размеры заголовков в Teletype
font-size:
Десктопы
{ h1: 38 - h2: 28 - h3: 20 - p: 17px } /* размеры в точках */
Мобильные
{ h1: 27 - h2: 24 - h3: 20 - p: 17px }
margin:
мобильные
h1, h2 { margin-bottom: 0; margin-top: 0;}
@media screen and (max-width: 720px) { .text h3, .text h4, .text h5, .text h6 { margin-top: .75em; margin-bottom: .25em; font-size: 1.17647059em; } } @media screen and (max-width: 720px) { .text h1, .text h2 { font-size: 1.41176471em; } }
десктопы :
h1 {margin-bottom: .78947368em;} h1, h2{margin: .53571429em auto .17857143em;} .text h3, .text h4, .text h5, .text h6 { margin: .75em auto .25em; }
H1
font-size 38px /*computed */
font-size: 3.8rem; /.article__header_title */
font-size: 10px; /* html */
для 1rem= 16px : 2.375rem
Заголовок h2
H2
28px /* computed */
1.64705882em /* .text h1,.text h2 */
font-size: 1.7rem; /* .article__content */
для 1rem= 16px : 1.75rem
Заголовок h3
H3
20px
font-size: 1.17647059em;