Testing some designs

This commit is contained in:
2018-06-05 08:17:56 +10:00
parent 6b37f73935
commit 3968075394
20 changed files with 1730 additions and 61 deletions

View File

@ -18,34 +18,9 @@
z-index: $s-z--background;
overflow: hidden;
//Civil Twilight
&--style-twilight {
//http://colorzilla.com/gradient-editor/#bea9d0+0,dab2cd+25,e7b7c5+50,e4b0a3+75,c79a97+100
background: #bea9d0;
background: -moz-linear-gradient(top, #bea9d0 0%, #dab2cd 25%, #e7b7c5 50%, #e4b0a3 75%, #c79a97 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bea9d0 0%,#dab2cd 25%,#e7b7c5 50%,#e4b0a3 75%,#c79a97 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bea9d0 0%,#dab2cd 25%,#e7b7c5 50%,#e4b0a3 75%,#c79a97 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bea9d0', endColorstr='#c79a97',GradientType=0 ); /* IE6-9 */
}
&__inner {
position: relative;
width: 100%;
height: 100%;
}
//Elements that fill
&__grain {
@include t-absolute-fill();
background-image: url('./../images/grain.png');
}
&__palm {
position: absolute;
width: 150%;
bottom: -10%;
left: -40%;
@include t-drop-shadow(2.5vw, 2.5vw, 0, rgba(0, 0, 0, 0.5));
}
}

View File

@ -99,7 +99,9 @@ $o-navbar--link-thickness: 5px;
}
@include t-media-query($s-small-up) {
//padding: 3em;
&.is-stuck {
top: 5%;
}
&__logo {
width: 12em;