New blog section (#477)

* new blog layout WIP

* contact form - compact variant, some hero section styles

* pagination style

* post fetching WIP

* two cols form

* blog post

* blog post related posts styles

* some refactoring

* forms fixes

* hero section

* breadcrumbs

* fix

* fixes for featured section

* fixes

* blog single page

* single page related posts - mobile view

* single page

* html, share links hover

* input focus styles

* some hovers

* added page-serch

* fixes

* fix compact view of card

* form ids

* related posts, mobile list, css fixes

* blog post archetype

* posts

* turned off cards img animation

* netlify cms update

* removed excessive padding

* readme

* font 500 for news letter form
This commit is contained in:
trean
2023-12-19 19:58:30 +01:00
committed by GitHub
parent 64e6bb66e2
commit e2950d7b47
34 changed files with 1275 additions and 146 deletions
@@ -21,58 +21,6 @@
padding-top:95px;
}
.newsletter-form{
margin-bottom:35px;
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: var(--brand-gray);
opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
color: var(--brand-gray);
opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
color: var(--brand-gray);
opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
color: var(--brand-gray);
opacity: 1;
}
}
.newsletter-form input[type="text"],
.newsletter-form input[type="email"] {
position:relative;
display:flex;
flex: auto;
padding: 10px 39px;
height:56px;
font-size:18px;
color:var(--brand-secondary);
background:none;
border-radius:50px;
border:1px solid var(--brand-dark-gray);
background:white;
font-family: $font-family-non-content;
margin-right: 24px;
margin-bottom: 0;
@include media-breakpoint-down(md) {
margin-right: 0;
margin-bottom: 10px;
}
&:focus {
border: 1px solid var(--brand-secondary);
}
}
.newsletter-form.style-two input,
.newsletter-form.style-two button{
border-radius:0;
}
.optimized-section .image-column{
position:relative;
}