????JFIF??x?x????'
Server IP : 79.136.114.73 / Your IP : 3.144.100.199 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/ |
Upload File : |
// ============================================================================= // _NAVBAR.SCSS // ----------------------------------------------------------------------------- // Site styles. // ============================================================================= // ============================================================================= // TABLE OF CONTENTS // ----------------------------------------------------------------------------- // 01. Base Styles // 02. Brand // 03. Button // 04. All Navigation // 05. Desktop Navigation // 06. Mobile Navigation // 07. Fixed Navbar // ============================================================================= // Base Styles // ============================================================================= .x-navbar { position: relative; overflow: visible; z-index: $zindexNavbar; .x-container { position: relative; } } // // Navigation containers. // .x-nav-wrap { &.desktop { display: block; } &.mobile { display: none; clear: both; overflow: hidden; } @include break(cubs) { &.desktop { display: none; } &.mobile { display: block; &.collapse { display: none; &.in { display: block; } } } } } // Brand // ============================================================================= .x-brand { display: block; float: left; line-height: 1; text-decoration: none; } .masthead-stacked { .x-brand { display: inline-block; float: none; } } // Button // ============================================================================= .x-btn-navbar { display: none; @include font-size(2.4); line-height: 1; } @include break(cubs) { .masthead-inline .x-btn-navbar { display: block; float: right; } .masthead-stacked .x-btn-navbar { display: inline-block; } } // All Navigation // ============================================================================= .x-navbar .x-nav { a { @include transition(#{none}); } > li > a > span { display: inline-block; } } // // Header layouts. // @include break(cubs) { .masthead-stacked .x-navbar { text-align: center; } } // Desktop Navigation // ============================================================================= .x-navbar .desktop .x-nav { margin: 0; > li { float: left; > a { float: none; line-height: 1; text-decoration: none; &:hover { text-decoration: none; } } } li > a { > span:after { content: "\f103"; margin-left: 0.35em; @include font-awesome(); } &:only-child > span:after { content: ""; display: none; } } } .masthead-inline .desktop .x-nav { display: block; float: right; } .masthead-stacked .desktop .x-nav { display: table; margin-left: auto; margin-right: auto; } // Mobile Navigation // ============================================================================= .x-navbar .mobile .x-nav { margin: 25px 0; li > a { display: block; position: relative; @include font-size(1.4); line-height: 1.5; white-space: normal; } ul { margin: 0 0 0 2.25em; list-style: none; } } .masthead-stacked .mobile .x-nav { text-align: initial; } // // Sub toggle. // .x-sub-toggle { position: absolute; top: 0; right: 0; bottom: 0; text-align: center; > span { display: block; position: absolute; top: 50%; width: 100%; margin-top: -9px; @include font-size(1.8); letter-spacing: 0; line-height: 1; } } // Fixed Navbar // ============================================================================= // // Global fixed. // .x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right { position: fixed; z-index: $zindexNavbar; @include break(cubs) { position: relative; } } // // Fixed top. // .x-navbar-fixed-top { top: 0; left: 0; right: 0; } .x-navbar-fixed-top-active { .x-navbar-wrap { @include break(cubs) { height: auto; } } } // // Fixed left and right. // .x-navbar-fixed-left, .x-navbar-fixed-right { top: 0; bottom: 0; width: $navbarFixedSideWidth; .x-navbar-inner { height: 100%; > .x-container.width { width: 100%; } } .x-brand { float: none; text-align: center; } .desktop .x-nav { float: none; margin-top: 2em; > li { float: none; } } @include break(cubs) { width: auto; .x-brand { float: left; } } } .x-navbar-fixed-left { left: 0; } .x-navbar-fixed-right { right: 0; }