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

Added video section

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

37
public/styles/objects/_navbar.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;