YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Decided on a style for the contact page (finally)

Browse Source
This commit is contained in:
Dominic Masters
2018-06-05 12:41:12 +10:00
parent 3968075394
commit 3753fcd0e1
9 changed files with 1991 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/styles/components/_clear-section.scss
View File

@ -1,7 +1,7 @@
/*
* Clear section
* Simple section that is designed to clear pass the navbar. Can also be used
* to add a little spacing between sections.
* Simple section that is designed to clear pass the navbar (and some).
* Can also be used to add spacing between sections.
*
* Dependencies:
*
@ -9,5 +9,7 @@
* 1.0.0 - 2018/06/05
*/
.c-clear-section {
height: 20vh;
width: 100%;
padding-bottom: 15%;
position: relative;
}

8
public/styles/components/_footer.scss
View File

@ -8,15 +8,15 @@
* Version:
* 1.0.0 - 2018/05/16
*/
$c-footer--shadow: 1em;
$c-footer--shadow: 1.5em;
.c-footer {
padding-top: 4em;
padding-bottom: 6em;
position: relative;
overflow: hidden;
background-color: #F3E4C6;
background-image: url('./../images/grain.png');
@include t-box-shadow(0px, -$c-footer--shadow, $c-footer--shadow, 0px, rgba(0, 0, 0, 0.5));
background-image: url('./../images/patterns/schoolbell.svg');
background-size: cover;
@include t-box-shadow(0px, $c-footer--shadow, $c-footer--shadow, 0px, rgba(0, 0, 0, 0.25), true);
&__inner {
text-align: center;

3
public/styles/pages/_contact-page.scss
View File

@ -8,7 +8,8 @@
* 1.0.0 - 2018/05/28
*/
.p-contact-page {
background-image: url('./../images/pattern_poly.svg');
background-color: #37085E;
background-image: url('./../images/patterns/arcade.svg');
&__message-element {
resize: none;