makary/grav-theme-future2021
1
0
Fork 0
mirror of https://github.com/pmoreno-rodriguez/grav-theme-future2021.git synced 2025-06-29 14:48:55 +00:00
Code Issues Projects Releases Packages Wiki Activity

Revert "Improve visibility of multiline menu entries"

Browse source 
This reverts commit ff3fe0b6f0.
This commit is contained in:
pmoreno.rodriguez 2023-01-03 20:06:41 +01:00
parent 66707c5485
commit abef78d237
2 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/css/main.css
View file

@ -2635,8 +2635,8 @@ table.alt tfoot {
text-transform: uppercase; text-transform: uppercase;
display: block; display: block;
border-bottom: none; border-bottom: none;
padding: 0.5rem 0.8rem; padding: 0.3rem 0.8rem;
line-height: 1.5em; line-height: 2.5em;
} }
#header .dropdown li ul li a:hover { #header .dropdown li ul li a:hover {
color: #181818; color: #181818;

32
assets/sass/components/_dropdownmenu.scss
View file

@ -1,19 +1,19 @@
/* Dropdown menu in header */ /* Dropdown menu in header */
#header { #header {
.dropdown { .dropdown {
@include vendor('flex', '1'); @include vendor('flex', '1');
border-left: solid 1px _palette(border); border-left: solid 1px _palette(border);
height: inherit; height: inherit;
line-height: inherit; line-height: inherit;
margin-left: _size(section-spacing-small); margin-left: _size(section-spacing-small);
li { li {
position: relative; position: relative;
float: left; float: left;
text-transform: uppercase; text-transform: uppercase;
font-size: 12pt; font-size: 12pt;
height: inherit; height: inherit;
a { a {
font-family: _font(family-heading); font-family: _font(family-heading);
font-size: 0.8em; font-size: 0.8em;
@ -22,8 +22,8 @@
@include vendor('display', 'block'); @include vendor('display', 'block');
border-bottom: none; border-bottom: none;
padding: 0 0.8rem; padding: 0 0.8rem;
height: inherit; height: inherit;
} }
ul { ul {
position: absolute; position: absolute;
@ -35,9 +35,9 @@
line-height: normal; line-height: normal;
background-color: _palette(bg-dropdown); background-color: _palette(bg-dropdown);
box-shadow: 0 0.05rem 1rem _palette(border-dropdown) !important; box-shadow: 0 0.05rem 1rem _palette(border-dropdown) !important;
li { li {
a { a {
font-family: _font(family-heading); font-family: _font(family-heading);
font-size: 0.8em; font-size: 0.8em;
@ -46,25 +46,25 @@
text-transform: uppercase; text-transform: uppercase;
@include vendor('display', 'block'); @include vendor('display', 'block');
border-bottom: none; border-bottom: none;
padding: 0.5rem 0.8rem; padding: 0.3rem 0.8rem;
line-height: 1.5em; line-height: 2.5em;
&:hover { &:hover {
color: #181818; color: #181818;
} }
} }
ul { ul {
left: 100%; left: 100%;
top: 0; top: 0;
} }
} }
} }
} }
ul { ul {
li { li {
margin-left: 0.5em; margin-left: 0.5em;
padding-left: 0.5em; padding-left: 0.5em;
@ -84,14 +84,14 @@
background-color: _palette(bg); background-color: _palette(bg);
box-shadow: 0 0.05rem 1rem _palette(border-dropdown) !important; box-shadow: 0 0.05rem 1rem _palette(border-dropdown) !important;
} }
} }
} }
} }
@include breakpoint('<=medium') { @include breakpoint('<=medium') {
.dropdown { .dropdown {
display: none; display: none;
} }
} }
@include breakpoint('<=small') { @include breakpoint('<=small') {
.dropdown { .dropdown {