Лагерь: Оптимизация файла стилей
This commit is contained in:
parent
a008e396ba
commit
fb52e9a556
@ -882,61 +882,6 @@ p {
|
|||||||
background-position: center;
|
background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.foto-banner {
|
|
||||||
margin-top: 40px;
|
|
||||||
width: 100%;
|
|
||||||
border-radius: 60px;
|
|
||||||
background-color: #3bb273;
|
|
||||||
padding: 20px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
color: #fff;
|
|
||||||
align-items: center;
|
|
||||||
background-image: url(../images/fon.svg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.foto-banner_text {
|
|
||||||
padding-left: 20px;
|
|
||||||
width: 50%;
|
|
||||||
font-size: 26px;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foto-banner_text span {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foto-banner_text svg {
|
|
||||||
position: absolute;
|
|
||||||
top: -5px;
|
|
||||||
left: 5px;
|
|
||||||
width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foto-banner a {
|
|
||||||
height: 100%;
|
|
||||||
padding: 20px 40px;
|
|
||||||
color: #212121;
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 1.2;
|
|
||||||
font-weight: 600;
|
|
||||||
text-transform: uppercase;
|
|
||||||
border-width: 2px;
|
|
||||||
border-radius: 50px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 2px solid transparent;
|
|
||||||
transition: .3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foto-banner a:hover {
|
|
||||||
background-color: #3bb273;
|
|
||||||
border: 2px solid #fff;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foto-content {
|
.foto-content {
|
||||||
width: calc(50% - 20px);
|
width: calc(50% - 20px);
|
||||||
@ -1599,35 +1544,15 @@ p {
|
|||||||
border-radius: .83vw;
|
border-radius: .83vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.foto-banner {
|
|
||||||
margin-top: 3.33vw;
|
|
||||||
border-radius: 5vw;
|
|
||||||
padding: 1.67vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foto-banner_text {
|
|
||||||
padding-left: 1.67vw;
|
|
||||||
font-size: 2.17vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foto-banner_text svg {
|
|
||||||
top: -.42vw;
|
|
||||||
left: .42vw;
|
|
||||||
width: 1vw;
|
|
||||||
height: 1vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foto-banner a {
|
|
||||||
padding: 1.67vw 3.33vw;
|
|
||||||
font-size: 1.67vw;
|
|
||||||
border-width: .17vw;
|
|
||||||
border-radius: 4.17vw;
|
|
||||||
border: .17vw solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foto-banner a:hover {
|
|
||||||
border: .17vw solid #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foto-content {
|
.foto-content {
|
||||||
width: calc(50% - 1.67vw);
|
width: calc(50% - 1.67vw);
|
||||||
@ -2025,31 +1950,13 @@ p {
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.foto-banner {
|
|
||||||
margin-top: 20px;
|
|
||||||
flex-direction: column;
|
|
||||||
border-radius: 40px;
|
|
||||||
padding: 15px 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foto-banner_text {
|
|
||||||
position: relative;
|
|
||||||
padding-left: 0;
|
|
||||||
width: 90%;
|
|
||||||
font-size: 22px;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foto-banner_text span {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foto-banner a {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.more .btn-more {
|
.more .btn-more {
|
||||||
height: 24px;
|
height: 24px;
|
||||||
@ -2255,7 +2162,7 @@ p {
|
|||||||
letter-spacing: -1.68px;
|
letter-spacing: -1.68px;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
}
|
}
|
||||||
.heading-highlight.blue span { color: #39b7ea; }
|
|
||||||
.hero-subtitle-brand {
|
.hero-subtitle-brand {
|
||||||
font-family: 'Montserrat', sans-serif;
|
font-family: 'Montserrat', sans-serif;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
@ -2280,14 +2187,6 @@ p {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-location {
|
|
||||||
font-family: 'Montserrat', sans-serif;
|
|
||||||
font-weight: 600;
|
|
||||||
font-size: 1.15rem;
|
|
||||||
color: #5a6a7a;
|
|
||||||
margin: 0 0 1.2rem 0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-media-search__content {
|
.hero-media-search__content {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -2339,53 +2238,6 @@ p {
|
|||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-media-search__form { text-align: center; }
|
|
||||||
@media (min-width: 1024px) {
|
|
||||||
.hero-media-search__form { text-align: center; }
|
|
||||||
}
|
|
||||||
.hero-media-search__form .heading-4 {
|
|
||||||
font-family: 'Inter', sans-serif;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: #1c2b2d;
|
|
||||||
margin-bottom: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form__field {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.form__field input {
|
|
||||||
flex: 1;
|
|
||||||
padding: 12px 18px;
|
|
||||||
border: 2px solid #0c161f;
|
|
||||||
font-family: 'Inter', sans-serif;
|
|
||||||
font-size: 16px;
|
|
||||||
outline: none;
|
|
||||||
min-width: 0;
|
|
||||||
border-radius: 100px 0 0 100px;
|
|
||||||
}
|
|
||||||
.form__field input::placeholder { color: #999; }
|
|
||||||
.form__field .btn {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 12px 24px;
|
|
||||||
background-color: #39b7ea;
|
|
||||||
color: #fff;
|
|
||||||
border: 2px solid #0c161f;
|
|
||||||
border-left: none;
|
|
||||||
border-radius: 0 100px 100px 0;
|
|
||||||
font-family: 'Inter', sans-serif;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 700;
|
|
||||||
cursor: pointer;
|
|
||||||
white-space: nowrap;
|
|
||||||
margin: 0;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.form__field .btn:hover {
|
|
||||||
background-color: #2a9fd8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-media-search__media { width: 100%; }
|
.hero-media-search__media { width: 100%; }
|
||||||
@media (min-width: 1024px) {
|
@media (min-width: 1024px) {
|
||||||
@ -2462,7 +2314,7 @@ p {
|
|||||||
margin: 30px 0 15px;
|
margin: 30px 0 15px;
|
||||||
}
|
}
|
||||||
@media (max-width: 1023px) {
|
@media (max-width: 1023px) {
|
||||||
.hero-media-search__propositions.on-desktop, .hero-media-search__form.on-desktop { display: none; }
|
.hero-media-search__propositions.on-desktop { display: none; }
|
||||||
.hero-media-search__propositions.on-mobile { display: flex; }
|
.hero-media-search__propositions.on-mobile { display: flex; }
|
||||||
}
|
}
|
||||||
.hero-media-search__propositions.on-mobile .wrapper__propositions {
|
.hero-media-search__propositions.on-mobile .wrapper__propositions {
|
||||||
@ -2492,12 +2344,6 @@ p {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-media-search__wrapper .hero-media-search__form {
|
|
||||||
margin-top: 15px;
|
|
||||||
}
|
|
||||||
@media (min-width: 1024px) {
|
|
||||||
.hero-media-search__wrapper .hero-media-search__form { display: none; }
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-cta__text {
|
.hero-cta__text {
|
||||||
font-size: 16.1px;
|
font-size: 16.1px;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user