WIP
This commit is contained in:
30
dist/app.css
vendored
30
dist/app.css
vendored
@@ -11995,3 +11995,33 @@ img {
|
|||||||
.team-members .team-members-wrapper .team-member .left a {
|
.team-members .team-members-wrapper .team-member .left a {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.team-member-top {
|
||||||
|
background-size: contain;
|
||||||
|
color: #fff;
|
||||||
|
height: 784px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.team-member-top h1, .team-member-top .h1 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-members .team-members-wrapper {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.team-members .team-members-wrapper .team-member {
|
||||||
|
border: 1px solid #C5C5C5;
|
||||||
|
border-radius: 10px;
|
||||||
|
max-width: 593px;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
.team-members .team-members-wrapper .team-member .left {
|
||||||
|
width: calc(33% - 0.5rem);
|
||||||
|
}
|
||||||
|
.team-members .team-members-wrapper .team-member .left a {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|||||||
2
dist/mix-manifest.json
vendored
2
dist/mix-manifest.json
vendored
@@ -1,4 +1,4 @@
|
|||||||
{
|
{
|
||||||
"/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
|
"/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
|
||||||
"/app.css": "/app.css?id=2870fd5e334d4e194cc431791bd83711"
|
"/app.css": "/app.css?id=cbf936bdd50e75ec31d260ea38589b49"
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,9 @@
|
|||||||
|
$c-white: #fff;
|
||||||
$c-offWhite: #F2F2F2;
|
$c-offWhite: #F2F2F2;
|
||||||
$c-offWhiteLight: #F9F8F8;
|
$c-offWhiteLight: #F9F8F8;
|
||||||
$c-borderGrey: #C5C5C5;
|
$c-borderGrey: #C5C5C5;
|
||||||
$c-navy: #063C5A;
|
$c-navy: #063C5A;
|
||||||
$c-charcoal: #2B2400;
|
$c-charcoal: #2B2400;
|
||||||
$c-tan: #B9AF78;
|
$c-tan: #B9AF78;
|
||||||
|
|
||||||
|
$font-family: 'Inter', sans-serif;
|
||||||
|
|||||||
@@ -6,3 +6,4 @@
|
|||||||
@import "global";
|
@import "global";
|
||||||
|
|
||||||
@import "team-members";
|
@import "team-members";
|
||||||
|
@import "team-member";
|
||||||
|
|||||||
35
src/scss/team-member.scss
Normal file
35
src/scss/team-member.scss
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
.team-member-top {
|
||||||
|
background-size: contain;
|
||||||
|
color: $c-white;
|
||||||
|
height: 784px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-members {
|
||||||
|
.team-members-wrapper {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.team-member {
|
||||||
|
border: 1px solid $c-borderGrey;
|
||||||
|
border-radius: 10px;
|
||||||
|
max-width: 593px;
|
||||||
|
padding: 1rem;
|
||||||
|
|
||||||
|
.left {
|
||||||
|
width: calc(33% - 0.5rem);
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user