-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: component and template updates (#124)
* components update * update: brand guidelines link * added last few components * update: shields * update: ds preview image * update: cdn links with version * update: banner bg colour to transparent * update: remove header v2 and cards from patterns * remove: custom accordion * update: make table bg transparent * update: dropdown arrow data:image * fix: build directory (#80) * remove: cloudcdn reference * remove: baseurl reference * remove: github pages dir * remove: staging & ghpages build * update: content cards (#94) * execute only if cookie banner exists (#103) * feat: hub header (#115) * initial setup for templates * update: basic hero banner * new: teamplate area * remove main top margin * update colour and ensure headings are correct * new layouts from templates * updates to header component * hide breadcrumb on homepage template * new: event content card * fix link heading size * fix padding issue in grid spacing * add a display to links * content card updates * homepage template updates * Restyled by prettier (#105) * replace user research with templates * add padding to card img * content card updates * new: hub header * feat: page contents (#116) * initial setup for templates * update: basic hero banner * new: teamplate area * remove main top margin * update colour and ensure headings are correct * new layouts from templates * updates to header component * hide breadcrumb on homepage template * new: event content card * fix link heading size * fix padding issue in grid spacing * add a display to links * content card updates * homepage template updates * Restyled by prettier (#105) Co-authored-by: Restyled.io <commits@restyled.io> * replace user research with templates * add padding to card img * content card updates * new: hub header * new - page contents component * add page contents to menu * feat: board bios (#120) * new remad more button * new board members pattern * new - bare list style * add read more example * new: board members pattern * update packages and style updates * Restyled by prettier (#119) * install updated packages * fix: banner alignment (#121) * hide read more content * add spacing to index heading * fix: js lints (#123) * move click listener * replace loops with array iterations Co-authored-by: Chris <790945+chr1se@users.noreply.github.com> Co-authored-by: Nathan Rogan <nathanroagn@centro.org.uk> Co-authored-by: restyled-io[bot] <32688539+restyled-io[bot]@users.noreply.github.com> Co-authored-by: Restyled.io <commits@restyled.io>
- Loading branch information
5 people
authored
Mar 29, 2021
1 parent
aa92d6e
commit e4bd2a8
Showing
50 changed files
with
38,470 additions
and
2,287 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -59,7 +59,8 @@ h2, | |
| } | ||
|
|
||
| h3, | ||
| .h3 { | ||
| .h3, | ||
| h3 a { | ||
| @include type-setting(3); | ||
| } | ||
|
|
||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -42,7 +42,6 @@ | |
| } | ||
|
|
||
| &--main { | ||
| margin-top: $size-md; | ||
| margin-bottom: $size-lg; | ||
| flex-grow: 1; | ||
| } | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,10 @@ | ||
| {% macro wmcadsHubHeader(params) %} | ||
| <div class="wmcads-hub-header"> | ||
| <div class="left-pane"></div> | ||
| <img class="banner" src="https://www.wmca.org.uk/media/3415/wmca-bournville-131.jpg?anchor=center&mode=crop&width=2500&height=800&rnd=132122595620000000" alt="page title"/> | ||
| <div class="text-pane"> | ||
| <h1>Page title</h1> | ||
| <div class="text">Subtext</div> | ||
| </div> | ||
| </div> | ||
| {% endmacro %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,73 @@ | ||
| .wmcads-hub-header { | ||
| display: flex; | ||
| position: relative; | ||
| height: 230px; | ||
| color: $white; | ||
| background: get-color(primary); | ||
|
|
||
| .left-pane { | ||
| display: inline-block; | ||
| position: relative; | ||
| width: 50%; | ||
| height: 100%; | ||
| } | ||
|
|
||
| .left-pane:after { | ||
| content: ""; | ||
| display: inline-block; | ||
| position: absolute; | ||
| top: 33px; | ||
| right: -92px; | ||
| width: 164px; | ||
| height: 164px; | ||
| margin-right: 10px; | ||
| transform: rotate(45deg); | ||
| border-radius: 0 120px 0 0; | ||
| background-color: get-color(primary); | ||
| } | ||
|
|
||
| img { | ||
| display: inline-block; | ||
| width: 50%; | ||
| height: 100%; | ||
| object-fit: cover; | ||
| } | ||
|
|
||
| .text-pane { | ||
| position: absolute; | ||
| left: calc((100% - 927px) / 2); | ||
| max-width: 468px; | ||
| overflow: auto; | ||
| } | ||
|
|
||
| h1 { | ||
| margin: 56px 0 0; | ||
| color: $white; | ||
| } | ||
|
|
||
| .text { | ||
| max-width: 448px; | ||
| margin-top: 10px; | ||
| } | ||
| } | ||
|
|
||
| @media (max-width: 927px) { | ||
| .wmcads-hub-header { | ||
| .left-pane { | ||
| width: 100%; | ||
| } | ||
|
|
||
| .left-pane:after { | ||
| display: none; | ||
| } | ||
|
|
||
| img { | ||
| display: none; | ||
| } | ||
|
|
||
| .text-pane { | ||
| left: 0; | ||
| max-width: 100%; | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.