ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-10 12:05:16 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Statistics blocks on mobile

Browse source
This commit is contained in:
Thomas Smith 2022-09-28 18:48:25 -04:00
parent 833cb8b67f
commit 3ac0c6a10a
2 changed files with 86 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/layouts/index.html
View file

@ -227,30 +227,6 @@
</section> </section>
{{- partial "full-width-cta.html" . -}} {{- partial "full-width-cta.html" . -}}
<style>
.metric-block{
padding: 4.185vw;
border: 2px solid #949494;
max-width: 41.741vw;
background-color: #1a1a1a;
position: relative;
z-index:2;
}
.stat-head{
font-size: 1.339vw;
}
.stat-number{
font-family: "pp-neue-machina", sans-serif;
font-size: 6.696vw;
margin-top: -2.232vw;
margin-bottom: -2.232vw;
}
</style>
<!-- partners --> <!-- partners -->
<section class="partners"> <section class="partners">

86
src/static/css/homepage.css
View file

@ -246,10 +246,49 @@ hr{
background-repeat: repeat; background-repeat: repeat;
background-size: contain; } background-size: contain; }
.metric-block{
padding: 4.185vw;
border: 2px solid #949494;
max-width: 41.741vw;
background-color: #1a1a1a;
position: relative;
z-index:2;
}
.stat-head{
font-size: 1.339vw;
}
.stat-number{
font-family: "pp-neue-machina", sans-serif;
font-size: 6.696vw;
margin-top: -2.232vw;
margin-bottom: -2.232vw;
}
} }
@media only screen and (min-width: 768px) and (max-width: 992px) { @media only screen and (min-width: 768px) and (max-width: 992px) {
.metric-block{
padding: 4.185vw;
border: 2px solid #949494;
max-width: 41.741vw;
background-color: #1a1a1a;
position: relative;
z-index:2;
}
.stat-head{
font-size: 1.339vw;
}
.stat-number{
font-family: "pp-neue-machina", sans-serif;
font-size: 6.696vw;
margin-top: -2.232vw;
margin-bottom: -2.232vw;
}
} }
@ -262,6 +301,26 @@ hr{
background-repeat: repeat; background-repeat: repeat;
background-size: contain; } background-size: contain; }
.metric-block{
padding: 4.185vw;
border: 2px solid #949494;
max-width: 41.741vw;
background-color: #1a1a1a;
position: relative;
z-index:2;
}
.stat-head{
font-size: 1.339vw;
}
.stat-number{
font-family: "pp-neue-machina", sans-serif;
font-size: 6.696vw;
margin-top: -2.232vw;
margin-bottom: -2.232vw;
}
} }
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
@ -311,6 +370,33 @@ hr{
padding-right:7vw !important; padding-right:7vw !important;
} }
.statistics{
padding: 4vw !important;
}
.metric-block{
padding: 4.185vw;
border: 2px solid #949494;
width: 100%;
background-color: #1a1a1a;
position: relative;
float:none !important;
margin-top: 0px !important;
margin-bottom: 4vw !important;
z-index:2;
}
.stat-head{
font-size: 3vw;
}
.stat-number{
font-family: "pp-neue-machina", sans-serif;
font-size: 14vw;
margin-top: -2.232vw;
margin-bottom: -2.232vw;
}
} }
@media only screen and (min-width: 576px) { @media only screen and (min-width: 576px) {