css: initial responsive support
This commit is contained in:
parent
fd0cd6155c
commit
8662d30bcb
2 changed files with 23 additions and 1 deletions
|
@ -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 {
|
||||
|
|
|
@ -17,7 +17,7 @@
|
|||
|
||||
</head>
|
||||
|
||||
<body style="max-width:800px;padding:20px;margin:auto;">
|
||||
<body>
|
||||
<article class="text-wrapper">
|
||||
<h1>
|
||||
Titre de niveau 1
|
||||
|
|
Loading…
Reference in a new issue