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
@@ -1,31 +1,33 @@
@use "../helpers/functions" as lib;
ul.breadcrumbs,
.breadcrumbs {
display: flex;
flex-wrap: wrap;
margin-bottom: lib.rem(30);
margin-left: 0;
margin-right: 0;
position: relative;
color: var(--brand-dark-gray);
font-size: lib.rem(14);
font-weight: 400;
line-height: lib.rem(17);
margin: -0.38rem 0 1.5rem;
color: var(--neutral-n-300, #8B9CCC);
&__crumb,
& > li.breadcrumbs__crumb {
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.3125rem;
&__crumb {
display: inline-block;
margin: 0;
position: relative;
text-transform: capitalize;
font-size: lib.rem(14);
font-weight: 400;
line-height: lib.rem(17);
line-height: 1.69rem;
&:last-child {
margin-right: 0;
padding-right: 0;
color: var(--neutral-n-600, #39508F);
}
&:not(:last-child) {
margin-right: 0.38rem;
}
& > a {