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; } ::selection { background: #2484c1; color: #fff; }
::-moz-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 ------------------- */ /* ------------------ TITLES ------------------- */
h1, h2, h3, h4, h5, h6, h7 { h1, h2, h3, h4, h5, h6, h7 {

View file

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