Skareda vec se stala krasnou

This commit is contained in:
Marcel Petráň 2019-04-24 23:30:53 +02:00
parent 7c23d35705
commit 13d9e0d064
2 changed files with 15 additions and 14 deletions

View File

@ -50,7 +50,7 @@
<div class="navbar-container"> <div class="navbar-container">
<div class="navbar-grid"> <div class="navbar-grid">
<div class="navbar-grid-col -left"> <div class="navbar-grid-col -left">
<h2 class="nav">Sincoolka</h2> <h2 class="nav">Sin</h2>
</div> </div>
<div class="navbar-grid-col -right"> <div class="navbar-grid-col -right">
<img src="../img/nav-menu.svg" alt="open-menu" class="menu-btn" id="open-menu"> <img src="../img/nav-menu.svg" alt="open-menu" class="menu-btn" id="open-menu">

View File

@ -31,23 +31,23 @@ h1.title{
} }
h2.nav, h1.nav{ h2.nav, h1.nav{
text-align: left; text-align: left;
padding-top: .60em; padding-top: .5em;
margin-bottom: .2em; margin-bottom: .2em;
font-size: 2em; font-size: 2em;
font-weight: 600; font-weight: 600;
} }
h2.title{ h2.title{
font-weight: 700; font-weight: 700;
font-size: 2.4em; font-size: 2em;
margin-bottom: .4rem; margin-bottom: .4rem;
text-align: center; text-align: center;
} }
h3.title{ h3.title{
font-size: 1.4em; font-size: 1.6em;
font-weight: 700; font-weight: 700;
} }
p.article{ p.article{
font-size: 1.3em; font-size: 1.5em;
} }
.home { .home {
min-height: 100vh; /* Bude problem v safari, kde to musim odjebat od nav baru */ min-height: 100vh; /* Bude problem v safari, kde to musim odjebat od nav baru */
@ -87,7 +87,7 @@ article.about-us-1 h3.title::before{
*/ */
div.gallery{ div.gallery{
display: block; display: block;
margin-top: 1.6em; margin-top: 1.5em;
} }
div.gallery img{ div.gallery img{
width: 100%; width: 100%;
@ -99,6 +99,7 @@ div.gallery img{
grid-gap: 1em; grid-gap: 1em;
justify-content: space-evenly; justify-content: space-evenly;
text-align: center; text-align: center;
margin-top: 2em;
} }
section.member{ section.member{
margin: 0; margin: 0;
@ -117,9 +118,9 @@ form.contact-form{
display: grid; display: grid;
grid-template-rows: repeat(3,auto); grid-template-rows: repeat(3,auto);
grid-row-gap: .5em; grid-row-gap: .5em;
font-size: 1.5em; font-size: 1.4em;
font-weight: 300; font-weight: 300;
margin: 1.5em 0; margin: 1em 0;
} }
input{ input{
width: 13em; width: 13em;
@ -132,11 +133,11 @@ input, textarea{
background-color: #F9F9F9; background-color: #F9F9F9;
color: #4A4A4A !important; color: #4A4A4A !important;
border: none; border: none;
padding: .15em .25em; padding: .2em .3em;
} }
button{ button{
display: block !important; display: block !important;
margin: .7em auto 0 auto !important; margin: .5em auto 0 auto !important;
width: 10em; width: 10em;
color: #828282; color: #828282;
background-color: #EEEEEE; background-color: #EEEEEE;
@ -182,7 +183,7 @@ footer h3.title{
footer .footer-buttons-left-row-grid{ footer .footer-buttons-left-row-grid{
display: grid; display: grid;
grid-template-rows: repeat(5,auto); grid-template-rows: repeat(5,auto);
grid-row-gap: .7em; grid-row-gap: .3em;
justify-content: left; justify-content: left;
} }
footer .footer-button{ footer .footer-button{
@ -203,7 +204,7 @@ footer .footer-logo-right-col-grid{
justify-content: center; justify-content: center;
} }
footer .footer-img-logo{ footer .footer-img-logo{
width: 6em; width: 5.5em;
cursor: pointer; cursor: pointer;
} }
section.footer-bottom{ section.footer-bottom{
@ -213,7 +214,7 @@ section.footer-bottom{
footer .footer-contacts-row-grid{ footer .footer-contacts-row-grid{
display: grid; display: grid;
grid-template-rows: repeat(5,auto); grid-template-rows: repeat(5,auto);
margin-top: 1em; margin-top: 1.5em;
} }
footer .footer-heading-col-grid{ footer .footer-heading-col-grid{
display: grid; display: grid;
@ -241,7 +242,7 @@ footer .footer-contacts-col-grid{
footer .footer-visit-row-grid{ footer .footer-visit-row-grid{
display: grid; display: grid;
grid-template-rows: repeat(3,auto); grid-template-rows: repeat(3,auto);
margin-top: 1em; margin-top: 1.5em;
} }
footer .footer-visit-col-grid{ footer .footer-visit-col-grid{
display: grid; display: grid;