ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-22 14:25:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added a lead text box

Browse source
This commit is contained in:
Thomas Smith 2023-01-27 15:28:22 -05:00
parent 1ee90a9e2d
commit 0e879e3563
2 changed files with 59 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
src/layouts/index.html
View file

@ -20,10 +20,54 @@
<style>
.lead-box{
width: 100%;
border: 2px solid #949494;
min-height: 12.556vw;
@media only screen and (min-width: 1200px) {
.lead-box{
width: 100%;
border: 2px solid #949494;
min-height: 12.556vw;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.lead-box{
width: 100%;
border: 2px solid #949494;
height:auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.lead-box{
width: 100%;
border: 2px solid #949494;
height: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
.lead-box{
width: 100%;
border: 2px solid #949494;
height: auto;
}
}
@media only screen and (max-width: 576px) {
.lead-box{
border: 2px solid #949494;
min-height: 300px;
margin: 0vw 3.5vw !important;
}
}
</style>

22
src/static/css/typography.css
View file

@ -156,10 +156,10 @@ a:hover{
@media only screen and (min-width: 768px) and (max-width: 992px) {
.impact{
font-size: 6.5vw !important;
line-height: 10vw!important;
margin-top: -1vw !important;
margin-bottom: -2.5vw !important;
font-size: 9.5vw !important;
line-height: 10.05vw!important;
margin-top: 3.2vw !important;
margin-bottom: -2.4vw !important;
}
h1{
@ -194,10 +194,10 @@ a:hover{
@media only screen and (min-width: 576px) and (max-width: 768px){
.impact{
font-size: 9.5vw !important;
line-height: 13.4vw!important;
margin-top: .2vw !important;
margin-bottom: -1.6vw !important;
font-size: 12vw !important;
line-height: 13.5vw!important;
margin-top: 5.7vw !important;
margin-bottom: -3.5vw !important;
}
h1{
@ -227,10 +227,10 @@ a:hover{
@media only screen and (max-width: 576px) {
.impact{
font-size: 11vw !important;
font-size: 12vw !important;
line-height: 11.2vw!important;
margin-top: 1.2vw !important;
margin-bottom: 2.8vw !important;
margin-top: 1vw !important;
margin-bottom: -2.5vw !important;
text-align: left !important;
}