css: initial responsive support

This commit is contained in:
Kazhnuz 2018-10-03 16:20:22 +02:00
parent fd0cd6155c
commit 8662d30bcb
2 changed files with 23 additions and 1 deletions

View file

@ -76,6 +76,28 @@ a {
::selection { background: #2484c1; color: #fff; }
::-moz-selection { background: #2484c1; color: #fff; }
/* ------------------ WRAPPERS ------------------- */
.text-wrapper {
font-size: calc(3mm + 1.1vw);
margin: auto;
line-height: 1.5em;
}
@media screen and (min-width: 800px) {
.text-wrapper {
font-size: calc(3mm + 8.8px);;
max-width: 800px;
}
}
@media screen and (min-width: 1200px) {
.text-wrapper .size-1200 {
font-size: calc(3mm + 13.1px);;
max-width: 800px;
}
}
/* ------------------ TITLES ------------------- */
h1, h2, h3, h4, h5, h6, h7 {

View file

@ -17,7 +17,7 @@
</head>
<body style="max-width:800px;padding:20px;margin:auto;">
<body>
<article class="text-wrapper">
<h1>
Titre de niveau 1