may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

AAI - hero image responsive

Browse Source
This commit is contained in:
Nejc Kovač 2022-07-24 19:50:27 +02:00
parent 170cefc837
commit 79a0a21680
2 changed files with 35 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/simple/css/aai.css
View File

@ -98,7 +98,7 @@ header nav span.lang_switch img {
#header-btn { #header-btn {
display: inline-block; display: inline-block;
color: #FFFFFF; color: #FFFFFF !important;
background-color: #F07D3E; background-color: #F07D3E;
border: 1px solid #F07D3E; border: 1px solid #F07D3E;
font-weight: 700; font-weight: 700;
@ -107,6 +107,10 @@ header nav span.lang_switch img {
text-align: center; text-align: center;
} }
#header-btn:hover {
color: #F07D3E !important;
}
.nav-desktop { .nav-desktop {
align-items: center; align-items: center;
padding-bottom: 13px; padding-bottom: 13px;
@ -130,7 +134,7 @@ header nav span.lang_switch img {
width: 95%; width: 95%;
height: auto; height: auto;
padding-top: 105px; padding-top: 105px;
padding-bottom: 105px; padding-bottom: 30px;
margin: auto; margin: auto;
} }
.hero-container img { .hero-container img {
@ -586,7 +590,7 @@ input[type=button]:hover,
text-align: center; text-align: center;
} }
.hero-container .text h1 { .hero-container .text h1 {
margin-top: 50px; margin-top: 30px !important;
} }
.hero-container .text p { .hero-container .text p {
margin-bottom: 25px; margin-bottom: 25px;
@ -890,6 +894,16 @@ body #main .main_content input[type=button] {
margin: 20px 0px !important; margin: 20px 0px !important;
} }
} }
@media screen and (max-width: 600px) {
.hero_image {
height: 300px;
}
}
@media screen and (max-width: 450px) {
.hero_image {
height: 200px;
}
}
@media screen and (max-width: 365px) { @media screen and (max-width: 365px) {
footer .footer_content { footer .footer_content {
flex-direction: column; flex-direction: column;

21
resources/sass/frontend_simple/aai.scss
View File

@ -120,7 +120,7 @@ header {
#header-btn { #header-btn {
display: inline-block; display: inline-block;
color: #FFFFFF; color: #FFFFFF !important;
background-color: #F07D3E; background-color: #F07D3E;
border: 1px solid #F07D3E; border: 1px solid #F07D3E;
@ -130,6 +130,9 @@ header {
text-transform: none; text-transform: none;
text-align: center; text-align: center;
} }
#header-btn:hover {
color: #F07D3E !important;
}
.nav-desktop { .nav-desktop {
align-items: center; align-items: center;
padding-bottom: 13px; padding-bottom: 13px;
@ -156,7 +159,7 @@ header {
height: auto; height: auto;
padding-top: 105px; padding-top: 105px;
padding-bottom: 105px; padding-bottom: 30px;
margin: auto; margin: auto;
@ -702,7 +705,7 @@ input[type=button],
text-align: center; text-align: center;
h1 { h1 {
margin-top: 50px; margin-top: 30px !important;
} }
p { p {
@ -1089,6 +1092,18 @@ input[type=button],
} }
} }
@media screen and (max-width: 600px){
.hero_image{
height: 300px;
}
}
@media screen and (max-width: 450px){
.hero_image{
height: 200px;
}
}
@media screen and (max-width: 365px) { @media screen and (max-width: 365px) {