Skareda vec se stala krasnou
This commit is contained in:
parent
7c23d35705
commit
13d9e0d064
@ -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">
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user