dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

mixant de font-size responsive

Browse source
This commit is contained in:
Raphael Goetter 2017-10-30 15:42:32 +01:00
parent 7426519638
commit 2862bbff9c
6 changed files with 99 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

64
css/knacss-unminified.css
View file

@ -392,13 +392,19 @@ html {
body {
margin: 0;
font-size: 1.6rem;
font-size: 1.4rem;
background-color: #fff;
color: #212529;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
line-height: 1.5;
}
@media (min-width: 576px) {
body {
font-size: 1.6rem;
}
}
/* Links */
a {
color: #333;
@ -412,37 +418,73 @@ a:focus, a:hover, a:active {
/* Headings */
h1, .h1-like {
font-size: 3.2rem;
font-family: sans-serif;
font-weight: 500;
}
h2, .h2-like {
font-size: 2.8rem;
font-family: sans-serif;
font-weight: 500;
}
h3, .h3-like {
@media (min-width: 576px) {
h1, .h1-like {
font-size: 3.2rem;
}
}
h2, .h2-like {
font-size: 2.4rem;
font-family: sans-serif;
font-weight: 500;
}
h4, .h4-like {
@media (min-width: 576px) {
h2, .h2-like {
font-size: 2.8rem;
}
}
h3, .h3-like {
font-size: 2rem;
font-weight: 500;
}
h5, .h5-like {
@media (min-width: 576px) {
h3, .h3-like {
font-size: 2.4rem;
}
}
h4, .h4-like {
font-size: 1.8rem;
font-weight: 500;
}
h6, .h6-like {
@media (min-width: 576px) {
h4, .h4-like {
font-size: 2rem;
}
}
h5, .h5-like {
font-size: 1.6rem;
font-weight: 500;
}
@media (min-width: 576px) {
h5, .h5-like {
font-size: 1.8rem;
}
}
h6, .h6-like {
font-size: 1.4rem;
font-weight: 500;
}
@media (min-width: 576px) {
h6, .h6-like {
font-size: 1.6rem;
}
}
/* Vertical rythm */
h1,
h2,

2
css/knacss.css
View file

File diff suppressed because one or more lines are too long