merge develop into main issues #9 list #64
File diff suppressed because one or more lines are too long
|
@ -425,16 +425,16 @@ $dropdown-sizes: (
|
|||
// -----------------
|
||||
|
||||
$dropdownmenu-arrows: true;
|
||||
$dropdownmenu-arrow-color: $anchor-color;
|
||||
$dropdownmenu-arrow-color: $body-font-color;//$anchor-color;
|
||||
$dropdownmenu-arrow-size: 6px;
|
||||
$dropdownmenu-arrow-padding: 1.5rem;
|
||||
$dropdownmenu-min-width: 200px;
|
||||
$dropdownmenu-min-width: 100%;//200px;
|
||||
$dropdownmenu-background: null;
|
||||
$dropdownmenu-submenu-background: $white;
|
||||
$dropdownmenu-submenu-background: $dropdown-background;
|
||||
$dropdownmenu-padding: $global-menu-padding;
|
||||
$dropdownmenu-nested-margin: 0;
|
||||
$dropdownmenu-submenu-padding: $dropdownmenu-padding;
|
||||
$dropdownmenu-border: 1px solid $medium-gray;
|
||||
$dropdownmenu-border: none; //1px solid $medium-gray;
|
||||
$dropdown-menu-item-color-active: get-color(primary);
|
||||
$dropdown-menu-item-background-active: transparent;
|
||||
|
||||
|
|
|
@ -6,15 +6,13 @@
|
|||
@include breakpoint(small){
|
||||
@include xy-cell(12);
|
||||
@include flex-align(center, middle);
|
||||
text-align: center;
|
||||
}
|
||||
@include breakpoint (medium) {
|
||||
padding: $global-padding $global-padding;
|
||||
min-width: 14rem;
|
||||
text-align: center;
|
||||
}
|
||||
@include breakpoint(large){
|
||||
@include xy-cell(shrink);
|
||||
@include flex-align(left, middle);
|
||||
// min-width: 14rem;
|
||||
text-align: unset;
|
||||
}
|
||||
}
|
||||
|
@ -32,27 +30,48 @@
|
|||
menu {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.menu {
|
||||
justify-content: center;
|
||||
a {
|
||||
padding: $global-padding*0.7 $global-padding*0.5;
|
||||
}
|
||||
&.dropdown {
|
||||
justify-content:center;
|
||||
li,.button {
|
||||
min-width: unset;
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size: $global-font-size*0.9;//$header-menu-font-size;
|
||||
}
|
||||
.button {
|
||||
margin-left: $global-margin;
|
||||
background-color:$input-background;
|
||||
}
|
||||
.is-dropdown-submenu {
|
||||
font-size: $dropdown-font-size * 0.95;
|
||||
min-width: 10rem;
|
||||
box-shadow: 0 3px 5px 3px rgba(200, 200, 200, 0.1);
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
menu {
|
||||
font-size: $global-font-size*1.5;
|
||||
}
|
||||
}
|
||||
@include breakpoint(large) {
|
||||
@include xy-cell(auto);
|
||||
@include flex;
|
||||
@include flex-align(right, middle);
|
||||
padding-bottom: 0;//$global-padding;
|
||||
menu {
|
||||
margin: inherit;
|
||||
padding: inherit;
|
||||
.menu {
|
||||
&.dropdown {
|
||||
justify-content: end;
|
||||
li,.button {
|
||||
font-size: $global-font-size*1.4;//$header-menu-font-size;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
31
index.html
31
index.html
|
@ -21,6 +21,37 @@
|
|||
</main>
|
||||
<nav>
|
||||
<menu class="">
|
||||
<ul id="" class="dropdown menu" data-dropdown-menu="dropdown-menu" role="menubar">
|
||||
<li id="" class="" role="none">
|
||||
<a role="menuitem" href="https://dev.arc-hive.zone">Project</a>
|
||||
</li>
|
||||
<li id="" class="" role="none">
|
||||
<a role="menuitem" href="https://dev.arc-hive.zone/resources/">Resources</a>
|
||||
</li>
|
||||
<li id="" class="" role="none">
|
||||
<a role="menuitem" href="https://dev.arc-hive.zone/category/how-to/">How-to</a>
|
||||
</li>
|
||||
<li id="" class="is-dropdown-submenu-parent opens-right" role="none" aria-haspopup="true" aria-label="About" data-is-click="false">
|
||||
<a role="menuitem" href="#">About</a>
|
||||
<ul class="dropdown menu vertical submenu is-dropdown-submenu first-sub" data-toggle="" data-submenu="" role="menubar" style="">
|
||||
<li id="" class="is-submenu-item is-dropdown-submenu-item" role="none">
|
||||
<a role="menuitem" href="https://dev.arc-hive.zone/arc-hive-presentation/">Presentation</a>
|
||||
</li>
|
||||
<li id="" class="is-submenu-item is-dropdown-submenu-item" role="none">
|
||||
<a role="menuitem" href="https://dev.arc-hive.zone/partners/">Partners</a>
|
||||
</li>
|
||||
<li id="" class="is-submenu-item is-dropdown-submenu-item" role="none">
|
||||
<a role="menuitem" href="https://dev.arc-hive.zone/contact/">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li id="" class="" role="none">
|
||||
<a role="menuitem" href="https://dev.arc-hive.zone/join-us/">Join us</a>
|
||||
</li>
|
||||
<li id="" class="" role="none">
|
||||
<a role="menuitem" href="/login">Login</a>
|
||||
</li>
|
||||
</ul>
|
||||
</menu>
|
||||
</nav>
|
||||
</header>
|
||||
|
|
Loading…
Reference in New Issue