mods in header and menus
This commit is contained in:
parent
d60de419c4
commit
cf4b1bab52
File diff suppressed because one or more lines are too long
|
|
@ -425,16 +425,16 @@ $dropdown-sizes: (
|
||||||
// -----------------
|
// -----------------
|
||||||
|
|
||||||
$dropdownmenu-arrows: true;
|
$dropdownmenu-arrows: true;
|
||||||
$dropdownmenu-arrow-color: $anchor-color;
|
$dropdownmenu-arrow-color: $body-font-color;//$anchor-color;
|
||||||
$dropdownmenu-arrow-size: 6px;
|
$dropdownmenu-arrow-size: 6px;
|
||||||
$dropdownmenu-arrow-padding: 1.5rem;
|
$dropdownmenu-arrow-padding: 1.5rem;
|
||||||
$dropdownmenu-min-width: 200px;
|
$dropdownmenu-min-width: 100%;//200px;
|
||||||
$dropdownmenu-background: null;
|
$dropdownmenu-background: null;
|
||||||
$dropdownmenu-submenu-background: $white;
|
$dropdownmenu-submenu-background: $dropdown-background;
|
||||||
$dropdownmenu-padding: $global-menu-padding;
|
$dropdownmenu-padding: $global-menu-padding;
|
||||||
$dropdownmenu-nested-margin: 0;
|
$dropdownmenu-nested-margin: 0;
|
||||||
$dropdownmenu-submenu-padding: $dropdownmenu-padding;
|
$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-color-active: get-color(primary);
|
||||||
$dropdown-menu-item-background-active: transparent;
|
$dropdown-menu-item-background-active: transparent;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -6,15 +6,13 @@
|
||||||
@include breakpoint(small){
|
@include breakpoint(small){
|
||||||
@include xy-cell(12);
|
@include xy-cell(12);
|
||||||
@include flex-align(center, middle);
|
@include flex-align(center, middle);
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
@include breakpoint (medium) {
|
|
||||||
padding: $global-padding $global-padding;
|
padding: $global-padding $global-padding;
|
||||||
|
min-width: 14rem;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
@include breakpoint(large){
|
@include breakpoint(large){
|
||||||
@include xy-cell(shrink);
|
@include xy-cell(shrink);
|
||||||
@include flex-align(left, middle);
|
@include flex-align(left, middle);
|
||||||
// min-width: 14rem;
|
|
||||||
text-align: unset;
|
text-align: unset;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -32,27 +30,48 @@
|
||||||
menu {
|
menu {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-size: 0.8rem;
|
|
||||||
}
|
}
|
||||||
.menu {
|
.menu {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
a {
|
a {
|
||||||
padding: $global-padding*0.7 $global-padding*0.5;
|
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 breakpoint(large) {
|
||||||
@include xy-cell(auto);
|
@include xy-cell(auto);
|
||||||
@include flex;
|
@include flex;
|
||||||
@include flex-align(right, middle);
|
@include flex-align(right, middle);
|
||||||
|
padding-bottom: 0;//$global-padding;
|
||||||
menu {
|
menu {
|
||||||
margin: inherit;
|
margin: inherit;
|
||||||
padding: 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>
|
</main>
|
||||||
<nav>
|
<nav>
|
||||||
<menu class="">
|
<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>
|
</menu>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue