From 1c4c555b19046219060724234d119458ab8c253c Mon Sep 17 00:00:00 2001 From: "pmoreno.rodriguez" Date: Thu, 13 Jul 2023 19:30:04 +0200 Subject: [PATCH] Added crossmark to close side menu --- assets/sass/layout/_menu.scss | 32 +++++++++++++++++++++++++++++++- 1 file changed, 31 insertions(+), 1 deletion(-) diff --git a/assets/sass/layout/_menu.scss b/assets/sass/layout/_menu.scss index ff3cebd..ff36ec4 100644 --- a/assets/sass/layout/_menu.scss +++ b/assets/sass/layout/_menu.scss @@ -38,6 +38,36 @@ > :first-child { 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 { list-style: none; @@ -94,4 +124,4 @@ padding: _size(section-spacing-small); } } - } \ No newline at end of file + }