-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
58 lines (53 loc) · 1.67 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
/*
Theme Name: WP Mega Menu
Theme URI: https://github.com/neverything/ttf-wp-mega-menu
Author: Silvan Hagen
Author URI: https://silvanhagen.com/writing/wordpress-mega-menu-blocks/?ref=wp-mega-menu-theme
Description: A Twenty Twenty Four child theme with a mega menu using GenerateBlocks Pro Accordion blocks. Includes a navigation overlay with backdrop filter and additional styles for the Site and Block editor.
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: wp-mega-menu
Tags: mega-menu, menu, navigation, navigation menu, generateblocks
*/
.navigation-overlay {
position: fixed;
top: 150px;
left: 0;
right: 0;
bottom: 0;
height: calc(100dvh - 150px);
max-width: 100% !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
padding-left: calc(50dvw - 600px);
padding-right: calc(50dvw - 600px);
z-index: 2;
}
.navigation-overlay > div {
box-shadow: rgba(0, 0, 0, 0.2) 0 8px 24px;
}
/**
* Additional styles for the Site and Block editor
*/
.is-root-container .gb-accordion__item:not(.has-child-selected) > .gb-container:not(.gb-accordion__toggle) {
display: none;
}
.is-root-container .gb-accordion__item.has-child-selected > .gb-container:not(.gb-accordion__toggle) {
display: block;
padding-left: 0;
padding-right: 0;
}
.editor-styles-wrapper .is-root-container .navigation-overlay {
top: 50px !important;
}
.editor-styles-wrapper .navigation-overlay > div {
max-width: none;
left: 50%;
top: 50px;
translate: -50%;
}