makary/grav-theme-future2021
1
0
Fork 0
mirror of https://github.com/pmoreno-rodriguez/grav-theme-future2021.git synced 2025-06-07 20:08:54 +00:00
Code Issues Projects Releases Packages Wiki Activity

Added crossmark to close side menu

Browse source
This commit is contained in:
pmoreno.rodriguez 2023-07-13 19:30:04 +02:00
parent 5a7d74ec08
commit 1c4c555b19
1 changed files with 31 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
assets/sass/layout/_menu.scss
View file

@ -38,6 +38,36 @@
> :first-child { > :first-child {
border-top: 0; border-top: 0;
} }
> :nth-child(2) {
border-top: 0;
}
.close {
@include icon(false, solid);
@include vendor('transition', 'color #{_duration(transition)} ease-in-out');
border: 0;
color: _palette(fg-light);
cursor: pointer;
text-align: right;
&:before {
content: '\f00d';
display: block;
padding: 0.5em 1.5em;
}
&:hover {
color: inherit;
}
@include breakpoint('<=small') {
height: 4em;
line-height: 4em;
&:before {
padding: 0em;
}
}
}
.links { .links {
list-style: none; list-style: none;
@ -94,4 +124,4 @@
padding: _size(section-spacing-small); padding: _size(section-spacing-small);
} }
} }
} }