login/register padding, FOOTER popravki

This commit is contained in:
Nejc Kovač 2022-06-26 16:40:30 +02:00
parent fafac959ff
commit 64c84a4044
7 changed files with 58 additions and 40 deletions

View File

@ -277,6 +277,7 @@ footer {
padding-top: 105px;
}
footer h2 {
color: #343434 !important;
text-transform: uppercase;
font-weight: 700;
font-size: 18px;
@ -289,9 +290,11 @@ footer .footer_content {
width: 95%;
margin: auto;
padding: 0px;
justify-content: space-between;
}
footer .footer_content .col {
max-width: 254px;
margin-right: unset;
}
footer .footer_content .col span {
font-weight: 400;
@ -491,7 +494,6 @@ input[type=button]:hover,
header .logo {
width: auto;
}
.hero-container {
display: flex;
flex-direction: column-reverse;
@ -518,17 +520,14 @@ input[type=button]:hover,
max-width: 280px;
margin: auto;
}
.register_holder {
margin-top: 70px;
margin-bottom: 70px;
}
.pomembne_povezave {
padding-top: 68px;
padding-bottom: 70px;
}
.povezave {
display: grid;
grid-template-columns: 1fr 1fr;
@ -547,15 +546,12 @@ input[type=button]:hover,
.povezave .col:last-child {
margin-right: 25px;
}
.title {
margin-bottom: 0px;
}
#povezave-btn {
margin: 0px auto;
}
footer {
padding: 70px 0px 0px 0px;
}
@ -597,20 +593,16 @@ input[type=button]:hover,
body.landing_page #main .main_content {
padding: 0px;
}
body #main .main_content h1 {
font-size: 50px;
}
header .logo a img {
max-height: 29px;
max-width: 95px;
}
header .logo a img:last-of-type {
margin-left: 12px;
}
.hero-container {
padding-top: 50px;
}
@ -629,27 +621,22 @@ input[type=button]:hover,
.hero-container img {
max-width: 80%;
}
.register_holder {
margin-top: 50px;
margin-bottom: 46px;
}
body #main .main_content .register_holder h1 {
text-align: unset;
padding: 0px;
}
.pomembne_povezave {
padding-top: 46px;
padding-bottom: 46px;
}
.title {
margin-bottom: 49px;
margin-top: 0px;
}
.povezave {
display: flex;
flex-direction: column;
@ -661,7 +648,6 @@ input[type=button]:hover,
.povezave .col p {
min-height: unset;
}
.povezave .col:nth-of-type(1),
.povezave .col:nth-of-type(3),
.povezave .col:nth-of-type(2),
@ -669,20 +655,16 @@ input[type=button]:hover,
margin: auto;
margin-bottom: 30px;
}
.povezave .col:nth-of-type(4) {
margin-bottom: 0px;
}
/* --------------HAMBURGER---------------------------------- */
.nav-desktop {
display: none;
}
.mobile {
display: block;
}
#nav-icon3 {
width: 38px;
height: 20px;
@ -726,42 +708,35 @@ input[type=button]:hover,
#nav-icon3 span:nth-child(4) {
top: 18px;
}
#nav-icon3.open span:nth-child(1) {
top: 9px;
width: 0%;
left: 50%;
}
#nav-icon3.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
top: 9px;
width: 0%;
left: 50%;
}
#links {
display: none;
}
/* */
.aai a {
color: #333333;
}
#links.open {
position: absolute;
top: 100px;
@ -771,9 +746,8 @@ input[type=button]:hover,
align-items: center;
width: 100%;
height: 700px;
background-color: white;
background-color: rgb(255, 255, 255);
}
#links .menu_item {
font-size: 30px;
margin-top: 30px;
@ -781,7 +755,6 @@ input[type=button]:hover,
#links .menu_item a {
font-size: 16px;
}
footer {
margin: 0px;
padding: 0px;

View File

@ -174,7 +174,6 @@ header nav span.menu_item.active {
footer .footer_content {
display: flex;
justify-content: space-between;
max-width: 1400px;
margin: 0 auto;
padding: 70px 20px;
@ -184,6 +183,8 @@ footer .footer_content .col {
flex-direction: column;
box-sizing: border-box;
width: 33%;
max-width: 290px;
margin-right: 25px;
}
footer .footer_content .col span, footer .footer_content .col div.follow {
padding: 8px 0;
@ -867,12 +868,19 @@ body.login_noEmail #content.aai #main .main_content .app_subtitle {
}
footer .footer_content {
flex-direction: column;
padding: 20px 0;
padding: 50px 0;
text-align: center;
}
footer .footer_content .col {
max-width: unset;
width: 100%;
}
footer .footer_content .col h2 {
padding-top: 12px;
}
footer .footer_content .col a {
padding-bottom: 12px;
}
footer .footer_content .col .follow {
justify-content: center;
}
@ -896,6 +904,10 @@ body.landing_page #main {
background-image: none;
}
#main .main_content {
padding: 70px 0px 305px 0px;
}
header {
height: unset;
padding-top: 13px;
@ -1043,11 +1055,12 @@ footer .footer_content {
max-width: 1160px;
width: 95%;
margin: auto;
padding: 0px;
padding: 67px 0px 0px 0px;
}
footer .footer_content h2 {
font-family: "Source Sans Pro";
color: #1e88e5;
text-transform: uppercase;
font-size: 18px;
line-height: 26px;
@ -1060,6 +1073,10 @@ footer .footer_content .col a:hover {
color: #4ca0ea;
}
#main footer .footer_content col {
max-width: 290px;
}
footer .footer_content .col1-flex {
display: flex;
flex-direction: column;
@ -1071,6 +1088,10 @@ footer .footer_content .col span {
footer .footer_content .col a {
color: #333333;
font-weight: 400;
font-size: 18px;
line-height: 26px;
font-family: "Source Sans Pro";
}
footer .footer_content .col3 .social_logo_flex a:first-of-type {

View File

@ -339,6 +339,7 @@ footer {
padding-top: 105px;
h2 {
color: #343434 !important;
text-transform: uppercase;
font-weight: 700;
font-size: 18px;
@ -353,9 +354,11 @@ footer {
width: 95%;
margin: auto;
padding: 0px;
justify-content: space-between;
.col {
max-width: 254px;
margin-right: unset;
span {
font-weight: 400;

View File

@ -154,13 +154,21 @@
.footer_content{
flex-direction: column;
padding: 20px 0;
padding: 50px 0;
text-align: center;
.col{
max-width: unset;
width: 100%;
h2{
padding-top: 12px;
}
a{
padding-bottom: 12px;
}
.follow{
justify-content: center;
}

View File

@ -17,6 +17,9 @@ $blue: #1e88e5;
body.landing_page #main {
background-image: none;
}
#main .main_content {
padding: 70px 0px 305px 0px;
}
header {
height: unset;
@ -175,12 +178,13 @@ footer .footer_content {
max-width: $max_sirina;
width: 95%;
margin: auto;
padding: 0px;
padding: 67px 0px 0px 0px;
}
footer .footer_content h2 {
font-family: $SansPro_font;
color: $blue;
text-transform: uppercase;
font-size: 18px;
line-height: 26px;
@ -194,9 +198,9 @@ footer .footer_content .col a:hover{
color: $light_blue;
}
// footer .footer_content .col {
// max-width: 290px;
// }
#main footer .footer_content col {
max-width: 290px;
}
footer .footer_content .col1-flex{
@ -208,6 +212,11 @@ footer .footer_content .col span{
}
footer .footer_content .col a {
color: $black;
font-weight: 400;
font-size: 18px;
line-height: 26px;
font-family: $SansPro_font;
}
footer .footer_content .col3 .social_logo_flex a:first-of-type{

View File

@ -2,7 +2,7 @@ footer{
.footer_content{
display: flex;
justify-content: space-between;
// justify-content: space-between;
max-width: 1400px;
margin: 0 auto;
@ -14,6 +14,9 @@ footer{
box-sizing: border-box;
width: 33%;
max-width: 290px;
margin-right: 25px;
span, div.follow{
padding: 8px 0;

View File

@ -30,3 +30,4 @@
// popravki - Nejc Kovac
@import "./basic/popravki.scss";