Added video section

This commit is contained in:
Dom Masters
2018-05-07 08:25:41 +10:00
parent 135dc5e5f0
commit 3733b53ce4
12 changed files with 111 additions and 28 deletions

View File

@ -8,4 +8,15 @@
* 1.0.0 - 2018/05/03
*/
.c-video-section {
position: relative;
&__video {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
}

View File

@ -28,6 +28,7 @@
@import './settings/colors.scss';
@import './settings/responsive.scss';
@import './settings/typography.scss';
@import './settings/z.scss';
//Tools
@import './tools/flex.scss';

View File

@ -5,6 +5,7 @@
* Dependencies:
* styles/settings/colors.scss
* styles/settings/typography.scss
* styles/settings/z.scss
* styles/tools/flex.scss
* styles/tool/list.scss
*
@ -14,21 +15,21 @@
$o-navbar--link-thickness: 5px;
.o-navbar {
@extend %t-flexbox;
@include t-align-items(stretch);
background: $s-color--navbar;
color: white;
z-index: $s-z--navbar;
&.is-stuck {
position: fixed;
width: 100%;
top: 0;
left: 0;
}
&__section {
border: 1px solid blue;
&.is-stuck {
position: fixed;
width: 100%;
top: 0;
left: 0;
}
&__nav {
@extend %t-flexbox;
@include t-align-items(stretch);
background: $s-color--navbar;
color: white;
}
//Logo
@ -80,14 +81,12 @@ $o-navbar--link-thickness: 5px;
@include t-media-query($s-xsmall-up) {
padding: 1em;
&__logo-container {
text-align: left;
}
&__section {
padding: 1em;
}
&__logo {
width: 10em;
}
@ -98,9 +97,7 @@ $o-navbar--link-thickness: 5px;
}
@include t-media-query($s-small-up) {
&__section {
padding: 3em;
}
padding: 3em;
&__logo {
width: 12em;

View File

@ -0,0 +1,9 @@
/*
* Z
* Provides Z-Index tracking, for use throughout the theme.
*
* Version:
* 1.0.0 - 2018/05/07
*/
$s-z--navbar: 10; //Navbar