Your IP : 216.73.216.162
home/xbodynamge/crosstraining/wp-content/themes/twentynineteen/sass/navigation/_navigation.scss 0000604 00000001073 15112426254 0027463 0 ustar 00 /*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
@import "links";
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
@import "menu-main-navigation";
@import "menu-social-navigation";
@import "menu-footer-navigation";
/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
@import "next-previous";
lebauwcentre/wp-content/themes/customify/assets/sass/site/header/builder_items/_navigation.scss 0000644 00000025655 15114247107 0032347 0 ustar 00 home/xbodynamge /* Navigation */
.nav-menu-mobile , .nav-menu-desktop {
.menu-item .link-before {
position: relative;
display: inline-flex;
align-items: center;
}
.nav-icon-angle {
display: inline-block;
font-size: inherit;
text-rendering: auto;
text-decoration: none !important;
position: relative;
width: 6px;
height: 6px;
margin-top: 1px;
border-left: 1px solid currentColor;
border-top: 1px solid currentColor;
transform: rotate(-135deg) translateY(50%);
}
}
.nav-menu-desktop {
.nav-icon-angle {
display: inline;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
}
&.hide-arrow-active {
.nav-icon-angle {
display: none;
}
}
.menu {
list-style: none;
padding: 0px;
margin: 0px;
li {
display: inline-block;
position: relative;
&:last-child {
margin-right: 0px;
}
a {
display: inline-block;
transition: all 0.14s ease-out;
text-decoration-color: currentColor;
}
&.current-menu-item {
> a {
color: rgba(0,0,0,0.9);
}
}
}
> li > a {
padding: 12px 13px 12px;
display: inline-flex;
align-items: center;
text-transform: uppercase;
font-weight: 600;
font-size: 0.85em;
line-height: 1;
i {
line-height: 0;
}
}
> li.menu-item-has-children {
> a {
.nav-icon-angle {
margin-left: 4px;
line-height: 0;
}
}
}
.sub-menu {
li.menu-item-has-children {
> a {
position: relative;
@include clearfix();
.nav-icon-angle {
margin-left: 5px;
float: right;
}
}
}
}
}
.sub-lv-0, .sub-menu {
position: absolute;
left: 0px;
transition: all .3s ease;
z-index: 99;
opacity: 0;
height: 0;
overflow: hidden;
visibility: hidden;
display: block;
transform: translateY(40px);
top: 100%;
margin: 0px;
padding: 0px;
}
.sub-menu {
width: $submenu_width;
background: #ffffff;
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
text-align: left;
border-radius: 2px;
//&:before {
// position: absolute;
// content: "";
// top: 0px;
// left: 0px;
// right: 0px;
// bottom: 0px;
// border: 1px solid $color_border;
//}
.link-before {
display: flex;
justify-content: space-between;
}
.nav-icon-angle {
transform: rotate(135deg) translateY(0);
}
li {
display: block;
margin: 0px;
padding: 0px;
a {
display: block;
width: 100%;
padding: 9px 15px;
transition: background 0.15s ease-out;
color: $dark_color_link;
font-size: 0.9em;
line-height: 1.5;
//border-bottom: 1px solid rgba(0,0,0,0.015);
&:hover {
background: rgba(0,0,0,0.015);
color: $dark_color_link_hover;
}
}
}
li:last-child > a {
}
.sub-menu {
top: 0px;
left: 100%;
//margin-top: -2px;
}
}
.menu-item:hover, .menu-item:focus, .menu-item.focus {
> .sub-menu, > .sub-lv-0 {
height: auto;
transform: translateY(0);
overflow: initial;
visibility: visible;
opacity: 1;
}
}
// Menu Style Plain
&.style-plain {
.nav-menu {
@include clearfix();
> li {
float: left;
//> a {
// &:hover, &:focus {
// color: rgba(0,0,0,0.9);
// }
//}
//&.current-menu-item, &.current-menu-ancestor {
// > a {
// color: rgba(0,0,0,0.9);
// }
//}
}
}
} // End style plain
// Menu Style Full Height
&.style-full-height {
.nav-menu {
@include clearfix();
> li {
float: left;
> a {
background: transparent;
display: inline-flex;
vertical-align: middle;
align-items: center;
&:hover {
color: #FFFFFF;
background-color: $color_link;
}
}
&.current-menu-item, &.current-menu-ancestor {
> a {
color: #ffffff;
background-color: $color_link;
}
}
}
}
} // End style full height
// Menu style border bottom
&.style-border-bottom {
.nav-menu {
> li {
> a {
.link-before {
position: relative;
&:before {
position: absolute;
bottom: -6px;
width: 1px;
left: 0px;
height: 2px;
background-color: transparent;
content: "";
transition: all .3s ease;
}
}
}
&:hover, &:focus {
> a {
.link-before {
&:before {
width: 100%;
background-color: currentColor;
}
}
}
}
&.current-menu-item, &.current-menu-ancestor {
> a {
.link-before {
&:before {
width: 100%;
background-color: currentColor;
}
}
}
}
}
}
} // End style border bottom
// Top menu item style border top
&.style-border-top {
.nav-menu {
> li {
> a {
.link-before {
position: relative;
&:before {
position: absolute;
top: -6px;
width: 1px;
left: 0px;
height: 2px;
background-color: transparent;
content: "";
transition: all .3s ease;
}
}
}
&:hover, &:focus {
> a {
.link-before {
&:before {
width: 100%;
background-color: currentColor;
}
}
}
}
&.current-menu-item, &.current-menu-ancestor {
> a {
.link-before {
&:before {
width: 100%;
background-color: currentColor;
}
}
}
}
}
}
} // End style border top
} // End desktop style
/* On Menu Sidebar */
.nav-menu-mobile {
.menu {
margin: 0px;
padding: 0px;
list-style: none;
li:first-child > a {
border-top: none;
}
.menu-item a > .link-before .nav-icon-angle {
display: none;
}
li {
list-style: none;
position: relative;
border-bottom: 1px solid transparent;
&:last-child {
border: none;
}
ul {
li {
&:last-child {
//border-bottom: none;
}
}
}
&.menu-item-has-children {
> a {
padding-right: 45px !important;
}
}
a {
display: block;
padding: 0.55em 1.5em;
//border-top: 1px solid $light_color_border;
&:hover, &:focus {
background: rgba(0,0,0,0.01);
}
}
.nav-toggle-icon {
display: block;
position: absolute;
top: 0px;
right: 0px;
text-align: center;
vertical-align: middle;
line-height: 1;
transition: all .5s ease;
cursor: pointer;
padding: 0.88em 0.9em;
border-left: 1px solid $light_color_border;
background: transparent;
&:hover {
box-shadow: none;
}
.nav-icon-angle {
transform: rotate(-135deg) translateY(50%) translateX(50%);
}
}
}
.sub-menu {
//display: none;
//overflow: hidden;
opacity: 0;
transition: opacity .5s ease;
margin: 0px;
border-top: 1px solid $light_color_border;
li {
a {
padding-left: 3em;
}
}
}
.open-sub {
> a {
.nav-toggle-icon {
i {
transform: rotate(45deg);
}
}
}
> .sub-menu {
display: block;
//max-height: 2000px;
opacity: 1;
}
}
} // end menu li
} // End mobile menu
home/xbodynamge/www/wp-content/themes/twentynineteen/sass/navigation/_navigation.scss 0000644 00000001073 15115152364 0025427 0 ustar 00 /*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
@import "links";
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
@import "menu-main-navigation";
@import "menu-social-navigation";
@import "menu-footer-navigation";
/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
@import "next-previous";
home/xbodynamge/dev/wp-content/themes/twentynineteen/sass/navigation/_navigation.scss 0000604 00000001073 15115330331 0025345 0 ustar 00 /*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
@import "links";
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
@import "menu-main-navigation";
@import "menu-social-navigation";
@import "menu-footer-navigation";
/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
@import "next-previous";