qwik/qwik-website
Archived
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Scaled up text

Browse Source
This commit is contained in:
furo 2021-07-25 23:44:54 +02:00
parent 6002d41b30
commit 9b4cd2bc60
4 changed files with 26 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -109,7 +109,7 @@
<p>burnyllama@chat.qwik.space</p>
<p class="contact-type">matrix</p>
<p>@burnyllama:matrix.org</p>
<p class="contact-size">@burnyllama:matrix.org</p>
</div>
</div>
@ -118,7 +118,7 @@
<div class="contact-options">
<p class="contact-type">XMPP</p>
<p>furo@chat.qwik.space</p>
<p class="contact-size">furo@chat.qwik.space</p>
</div>
</div>
</div>
@ -139,4 +139,4 @@
</footer>
</div>
</body>
</html>
</html>

11
styles/main.css
View File

@ -120,14 +120,14 @@ header {
h1 {
color: var(--primary);
font-size: 2rem;
font-size: 2.5rem;
margin-top: 3rem;
}
h2 {
color: var(--accent);
font-size: 1.15rem;
font-size: 1.5rem;
}
a {
@ -228,6 +228,7 @@ b {
}
.contact-type {
font-size: 1rem;
color: var(--accent);
margin-right: 1rem;
}
@ -236,6 +237,10 @@ b {
padding: .5rem 0;
}
.contact-size {
font-size: 1rem;
}
@ -260,4 +265,4 @@ footer > p, footer > p > a {
.heart {
color: var(--accent2);
font-size: 1.15rem;
}
}

2
styles/privacy.css
View File

@ -20,4 +20,4 @@ h2 {
ul {
margin: .5rem 2rem;
}
}

28
styles/scaling.css
View File

@ -4,67 +4,67 @@
@media screen and (min-width: 1px) {
:root {
font-size: 10px;
font-size: 12px;
}
}
@media screen and (min-width: 300px) {
:root {
font-size: 11pt;
font-size: 13pt;
}
}
@media screen and (min-width: 400px) {
:root {
font-size: 12pt;
font-size: 14pt;
}
}
@media screen and (min-width: 500px) {
:root {
font-size: 13pt;
font-size: 15pt;
}
}
@media screen and (min-width: 600px) {
:root {
font-size: 14pt;
font-size: 16pt;
}
}
@media screen and (min-width: 700px) {
:root {
font-size: 15pt;
font-size: 17pt;
}
}
@media screen and (min-width: 802px) {
:root {
font-size: 10pt;
font-size: 12pt;
}
}
@media screen and (min-width: 1000px) {
:root {
font-size: 11pt;
font-size: 13pt;
}
}
@media screen and (min-width: 1200px) {
:root {
font-size: 12pt;
font-size: 14pt;
}
}
@media screen and (min-width: 1500px) {
:root {
font-size: 13pt;
font-size: 15pt;
}
}
@media screen and (min-width: 1800px) {
:root {
font-size: 14pt;
font-size: 16pt;
}
}
@media screen and (min-width: 2500px) {
:root {
font-size: 15pt;
font-size: 17pt;
}
}
@media screen and (min-width: 3000px) {
:root {
font-size: 16pt;
font-size: 19pt;
}
}
}