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

Merge branch 'main' of https://git.qwik.space/BurnyLlama/qwik-website

Browse Source
This commit is contained in:
BurnyLlama 2021-07-25 23:46:01 +02:00
commit e22bd13a8a
4 changed files with 26 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

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

9
styles/main.css
View File

@ -127,14 +127,14 @@ header {
h1 { h1 {
color: var(--primary); color: var(--primary);
font-size: 2rem; font-size: 2.5rem;
margin-top: 3rem; margin-top: 3rem;
} }
h2 { h2 {
color: var(--accent); color: var(--accent);
font-size: 1.15rem; font-size: 1.5rem;
} }
a { a {
@ -240,6 +240,7 @@ p {
} }
.contact-type { .contact-type {
font-size: 1rem;
color: var(--accent); color: var(--accent);
margin-right: 1rem; margin-right: 1rem;
} }
@ -248,6 +249,10 @@ p {
padding: .5rem 0; padding: .5rem 0;
} }
.contact-size {
font-size: 1rem;
}

26
styles/scaling.css
View File

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