Added shadows, moved variables around

This commit is contained in:
2018-05-17 17:36:00 +10:00
parent 78a97c83a6
commit c526e3045d
8 changed files with 29 additions and 5 deletions

View File

@ -3,6 +3,7 @@
* Styles for the background of the site.
*
* Dependencies:
* styles/settings/z.scss
* styles/tools/_absolute-centering.scss
*
* Version:
@ -14,7 +15,7 @@
left: 0;
width: 100%;
height: 100%;
z-index: -1;
z-index: $s-z--background;
//Civil Twilight
&--style-twilight {

View File

@ -28,6 +28,7 @@ $o-navbar--link-thickness: 5px;
&__nav {
@extend %t-flexbox;
@include t-align-items(stretch);
@extend %t-dp--shadow;
background: $s-color--navbar;
color: white;
}
@ -53,12 +54,13 @@ $o-navbar--link-thickness: 5px;
color: $s-color--navbar__text;
&:after {
@extend %t-dp--shadow;
position: absolute;
width: 100%;
height: 0px;
left: 0;
bottom: 0px;
@include t-translate-y(100%)
@include t-translate-y(90%)
transition: height 0.2s $s-animation--ease-out;
content: " ";