Skip to content

Instantly share code, notes, and snippets.

@Pavracer
Created October 12, 2021 05:59
Show Gist options
  • Save Pavracer/49bdabdb4d2e03e0d7bbe9483739998d to your computer and use it in GitHub Desktop.
Save Pavracer/49bdabdb4d2e03e0d7bbe9483739998d to your computer and use it in GitHub Desktop.
/*--------------Typography rules------------*/
body:not(.et-fb) #page-container #et-boc h1 {
line-height: 1.2;
letter-spacing: 0;
margin: 1em 0 0em 0;
font-size: calc(2.5vw + 1.0543rem);
font-size: clamp(34px, calc(2.2vw + 19.7px), 48px);
}
body:not(.et-fb) #page-container #et-boc h2 {
line-height: 1.2;
letter-spacing: 0;
margin: 1em 0 0em 0;
font-size: calc(1.796875vw + 0.8671rem);
font-size: clamp(24px, calc(2.4vw + 8.4px), 39px);
}
body:not(.et-fb) #page-container #et-boc h3 {
line-height: 1.2;
letter-spacing: 0;
margin: 1em 0 0em 0;
font-size: calc(1.40625vw + 0.7955rem);
font-size: clamp(20px, calc(2.2vw + 5.7px), 34px);
}
body:not(.et-fb) #page-container #et-boc h4 {
line-height: 1.2;
letter-spacing: 0;
margin: 0em 0 0em 0;
font-size: calc(1.171875vw + 0.7622rem);
font-size: clamp(18px, calc(2.1vw + 4.35px), 31px);
}
body:not(.et-fb) #page-container #et-boc h5 {
line-height: 1.2;
letter-spacing: 0;
margin: 0em 0 0em 0;
font-size: calc(0.9375vw + 0.7694rem);
font-size: clamp(17px, calc(1.7vw + 5.95px), 28px);
}
body:not(.et-fb) #page-container #et-boc h6 {
line-height: 1.5;
letter-spacing: 0;
margin: 0em 0 0em 0;
font-size: calc(0.3125vw + 0.8873rem);
font-size: clamp(16px, calc(0.6vw + 12.1px), 20px);
}
body:not(.et-fb) #page-container #et-boc p,
body:not(.et-fb) #page-container #et-boc li {
line-height: 1.8;
letter-spacing: 0;
margin: 1em 0 0em 0;
font-size: calc(0vw + 0.9375rem);
font-size: clamp(15px, calc(0.2vw + 13.7px), 16px);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment