mirror of
https://github.com/ivabus/www
synced 2024-11-22 15:35:05 +03:00
Grid elements from fixed => scroll
This commit is contained in:
parent
64fccee3dd
commit
9fe4d506ec
2 changed files with 13 additions and 38 deletions
|
@ -11,7 +11,7 @@
|
|||
|
||||
.container{
|
||||
max-width: 1920px;
|
||||
padding: 4.185vw 8.371vw 4.185vw 8.371vw;
|
||||
padding: 4.5vw 8.371vw 4.185vw 8.371vw;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -136,47 +136,22 @@ mark{
|
|||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
/* Homepage */
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 576px) and (max-width: 768px){
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 576px) {
|
||||
|
||||
.hero-subhead{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
.hero-section{
|
||||
background-image: url("/Images/x-large-grid-hero.svg");
|
||||
background-attachment: fixed;
|
||||
background-image: url("/Images/x-large-grid.svg");
|
||||
background-attachment: scroll;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: contain;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.hero-bottom{
|
||||
background-image: url("/Images/x-large-grid-hero.svg");
|
||||
background-attachment: fixed;
|
||||
background-position: center-top;
|
||||
background-image: url("/Images/x-large-grid.svg");
|
||||
background-attachment: scroll;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: contain;
|
||||
background-size: cover;
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
|
@ -190,7 +165,7 @@ mark{
|
|||
|
||||
.package_before{
|
||||
background-image: url("/Images/xl-grid-half-right.svg");
|
||||
background-attachment: fixed;
|
||||
background-attachment: scroll;
|
||||
background-repeat: repeat-y;
|
||||
background-position: right;
|
||||
background-size: cover;
|
||||
|
@ -200,14 +175,14 @@ mark{
|
|||
|
||||
.package-cta{
|
||||
background-image: url("/Images/x-large-grid.svg");
|
||||
background-attachment: fixed;
|
||||
background-attachment: scroll;
|
||||
background-repeat: repeat-y;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.statistics{
|
||||
background-image: url("/Images/x-large-stats-grid.svg");
|
||||
background-attachment: fixed;
|
||||
background-attachment: scroll;
|
||||
background-position: top;
|
||||
background-repeat: repeat-y;
|
||||
background-size: cover;
|
||||
|
@ -483,4 +458,4 @@ mark{
|
|||
}
|
||||
.flex.column {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -21,7 +21,7 @@
|
|||
padding-top: 0vw !important;
|
||||
padding-bottom: 0vw !important;
|
||||
background-image: url("/Images/x-large-grid.svg");
|
||||
background-attachment: fixed;
|
||||
background-attachment: scroll;
|
||||
background-repeat: repeat-y;
|
||||
background-size: cover;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue