preliminary 'contact us' styling

This commit is contained in:
rayelliott 2020-05-28 22:16:45 +00:00
parent 734062b7df
commit 8918f86c0f
2 changed files with 95 additions and 1 deletions

1
.gitignore vendored
View File

@ -1,2 +1,3 @@
node_modules
assets
wp-includes/

View File

@ -1,3 +1,96 @@
body.rwavw-custom {
// ...
#top-nav .logo {
margin-top: 16px;
}
.custom-logo-link img {
max-height: 70px;
}
.heading-page-title {
font-weight: 300;
opacity: 0.7;
}
.page-border.bottom::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 4px;
bottom: 100%;
left: 0;
background: linear-gradient(
to top,
rgba(#000, 0.1),
rgba(#000, 0)
);
}
.page-border.bottom::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 100%;
left: 0;
background-color: rgba(#000, 0.9);
}
.contact-us-body {
p.lead {
margin: 48px 0;
font-size: 18px;
line-height: 1.5;
letter-spacing: initial;
opacity: 0.7;
}
.wpcf7 {
padding: 64px 48px 92px;
color: #4a5568;
background-color: rgba(#fff, 1);
border-radius: 3px;
margin-top: 64px;
p {
margin-bottom: 24px;
}
label {
font-size: 14px;
font-weight: 600;
letter-spacing: initial;
}
input,
textarea {
border-radius: 3px;
border-color: #cbd5e0;
background-color: #f7fafc;
&:focus {
border-color: rgba(#000, 0.8);
}
}
.wpcf7-form-control-wrap {
margin-left: 0;
}
.wpcf7-submit {
height: auto;
border: 3px solid currentColor;
border-radius: 3px;
color: inherit;
font-size: 16px;
font-weight: 600;
padding: 10px 24px;
letter-spacing: 1px;
}
}
}
}