ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated to gulp 4.x and removed use of chroma-sass for colours, it is not updated anymore.

Browse source
This commit is contained in:
Fredrik Jonsson 2018-09-08 19:37:28 +02:00
commit 83ce4e0cc2
1 changed files with 2674 additions and 3508 deletions
Download patch file Download diff file Expand all files Collapse all files

20
sass/navigation/mobile/_mobile.scss
View file

@ -18,7 +18,7 @@
position: absolute;
width: 100vw;
height: 100vh;
background-color: color(mobile-menu-cover);
background-color: $mobile-menu-cover;
opacity: 0;
.js-nav-open & {
@ -37,13 +37,13 @@
text-decoration: none;
font-weight: bold;
line-height: 1;
border: 1px solid color(border);
border: 1px solid $border;
border-radius: 3px;
color: color(text);
color: $text;
pointer-events: auto;
.js-nav-open & {
color: color(text-bg);
color: $text-bg;
}
&::after {
@ -52,17 +52,17 @@
margin-left: $zen-gutters / 4;
width: $zen-gutters;
height: $zen-gutters;
border-top: 12px double color(text);
border-bottom: 4px solid color(text);
border-top: 12px double $text;
border-bottom: 4px solid $text;
}
.js-nav-open &::after {
border-color: color(text-bg);
border-color: $text-bg;
}
}
.mobile-nav-sheet {
background-color: color(mobile-menu);
background-color: $mobile-menu;
width: 90vw;
height: 100vh;
padding: 2rem;
@ -70,13 +70,13 @@
z-index: 21;
a {
color: color(text-bg);
color: $text-bg;
text-decoration: none;
}
.js-nav-open & {
pointer-events: auto;
box-shadow: -10px 0 10px -10px color(nearblack);
box-shadow: -10px 0 10px -10px $nearblack;
transform: translateX(10vw);
}