| Server IP : 79.136.114.73 / Your IP : 216.73.216.149 Web Server : Apache/2.4.7 (Ubuntu) PHP/5.5.9-1ubuntu4.29 OpenSSL/1.0.1f System : Linux b8009 3.13.0-170-generic #220-Ubuntu SMP Thu May 9 12:40:49 UTC 2019 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/www.astacus.se/wp-content/themes/x/framework/css/src/site/_scss/stacks/icon/ |
Upload File : |
// =============================================================================
// _NAVBAR.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// =============================================================================
// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
// 01. Base Styles
// 02. Button
// 03. Desktop Navigation
// 04. Mobile Navigation
// 05. Fixed Navbar
// 06. Search
// =============================================================================
// Base Styles
// =============================================================================
.x-navbar {
border-bottom: 1px solid $baseBorderRgba;
background-color: $navbarBackground;
}
// Button
// =============================================================================
.x-btn-navbar {
text-shadow: $navbarBtnTextShadow;
color: rgba(0, 0, 0, 0.35);
&:hover {
color: rgba(0, 0, 0, 0.35);
}
&.collapsed {
color: rgba(0, 0, 0, 0.185);
&:hover {
color: rgba(0, 0, 0, 0.35);
}
}
}
// Desktop Navigation
// =============================================================================
.x-navbar .desktop .x-nav {
> li > a {
padding: 0;
> span {
border: 1px solid transparent;
padding: 0.875em $navbarDesktopLinkSpanSideSpacing;
border-radius: 100em;
}
&:hover {
> span {
border-color: $baseBorderRgba;
}
}
}
> .x-active > a,
> .current-menu-item > a {
> span {
border-color: $baseBorderRgba;
}
}
}
.x-navbar-static-active,
.x-navbar-fixed-top-active {
.x-navbar .desktop .x-nav > li > a > span {
margin-top: calc(-0.875em - 1px);
}
}
.x-navbar-fixed-left-active,
.x-navbar-fixed-right-active {
.x-navbar .desktop .x-nav > li.x-menu-item-woocommerce {
margin-top: 0.875em;
}
}
// Mobile Navigation
// =============================================================================
//
// Links.
//
.x-navbar .mobile .x-nav li > a {
margin: 0 0 11px;
border: 1px solid $baseBorderRgba;
padding: 0.75em 0.85em;
color: $navbarLinkColor;
background-color: transparent;
}
.x-navbar .mobile .x-nav li > a:hover,
.x-navbar .mobile .x-nav .x-active > a,
.x-navbar .mobile .x-nav .current-menu-item > a {
color: $navbarLinkColorHover;
}
//
// Sub toggle.
//
.x-sub-toggle {
width: 40px;
}
// Fixed Navbar
// =============================================================================
//
// Left/right styles.
//
.x-navbar-fixed-left,
.x-navbar-fixed-right {
.desktop .x-nav {
> li {
> a {
text-align: center;
padding: 20px 7%;
}
}
}
}
//
// Left styles.
//
.x-navbar-fixed-left {
border-right: 1px solid $baseBorderRgba;
@include break(cubs) {
border-right: 0;
}
}
//
// Right styles.
//
.x-navbar-fixed-right {
border-left: 1px solid $baseBorderRgba;
@include break(cubs) {
border-left: 0;
}
}
// Search
// =============================================================================
.x-navbar .mobile .x-nav > li.x-menu-item-search {
margin: 0;
text-align: center;
> a {
border: 1px solid;
border-color: $baseBorderRgba;
}
}