| Server IP : 79.136.114.73 / Your IP : 3.133.83.94 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/renew/ |
Upload File : |
// =============================================================================
// _NAVS.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// =============================================================================
// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
// 01. Base Class
// 02. Tabs
// 03. Tabbable
// =============================================================================
// Base Class
// =============================================================================
.x-nav {
margin-left: 0;
margin-bottom: $baseMargin;
list-style: none;
}
//
// Make links block level.
//
.x-nav > li > a {
display: block;
}
.x-nav > li > a:hover {
text-decoration: none;
background-color: transparent;
}
//
// Redeclare float classes because of specifity.
//
.x-nav > .right {
float: right;
}
// Tabs
// =============================================================================
//
// Give the tabs something to sit on.
//
.x-nav-tabs {
margin-bottom: 0;
border: 2px solid $shortcodeBorderColor;
border-bottom: 0;
@include clearfix();
> li {
float: left;
text-align: center;
> a {
padding: 0.75em 0.75em 0.95em;
@include font-size(1.4);
line-height: 1.3;
color: darken($shortcodeBorderColor, 5%);
background-color: lighten($shortcodeBorderColor, 7.5%);
&:hover {
color: $textColor;
background-color: lighten($shortcodeBorderColor, 7.5%);
}
}
}
&.top {
> li {
border-right: 2px solid $shortcodeBorderColor;
a {
border-bottom: 2px solid $shortcodeBorderColor;
}
}
}
&.left,
&.right {
width: 24%;
max-width: 200px;
border-bottom: 2px solid $shortcodeBorderColor;
@include break(cubs) {
float: none;
width: 100%;
max-width: none;
}
> .x-nav-tabs-item {
float: none;
width: 100%;
border-bottom: 2px solid $shortcodeBorderColor;
&:last-child {
border-bottom: none;
}
}
}
&.left {
margin-right: -2px;
border-right: 0;
> li a {
border-right: 2px solid $shortcodeBorderColor;
}
@include break(cubs) {
margin-right: 0;
}
}
&.right {
margin-left: -2px;
border-left: 0;
> li a {
border-left: 2px solid $shortcodeBorderColor;
}
@include break(cubs) {
margin-left: 0;
}
}
@include break(cubs) {
&.top,
&.left,
&.right {
border-bottom: 2px solid $shortcodeBorderColor;
> li.x-nav-tabs-item {
border-left: 0;
border-right: 0;
border-bottom: 2px solid $shortcodeBorderColor;
> a,
&.active > a,
&.active > a:hover {
border-bottom: 0;
}
&:last-child > a,
&:last-child > a:hover {
border-bottom: 0;
}
}
}
&.top > li.x-nav-tabs-item:last-child {
border-bottom: 0;
}
&.left > li.x-nav-tabs-item {
&.active > a,
&.active > a:hover {
border-right: 2px solid $shortcodeBorderColor;
}
}
&.right > li.x-nav-tabs-item {
&.active > a,
&.active > a:hover {
border-left: 2px solid $shortcodeBorderColor;
}
}
}
}
//
// Active state, and it's :hover to override normal :hover.
//
.x-nav-tabs > .active > a,
.x-nav-tabs > .active > a:hover {
color: $textColor;
background-color: $white;
cursor: default;
}
.x-nav-tabs {
&.top {
> .active > a,
> .active > a:hover {
border-bottom: 2px solid $baseModBackground;
}
}
&.left {
> .active > a,
> .active > a:hover {
border-right: 2px solid $baseModBackground;
}
}
&.right {
> .active > a,
> .active > a:hover {
border-left: 2px solid $baseModBackground;
}
}
}
//
// Tab sizes.
//
.x-nav-tabs {
&.one-up > li { width: 100%; }
&.two-up > li { width: 50%; }
&.three-up > li { width: 33.33333%; }
&.four-up > li { width: 25%; }
&.five-up > li { width: 20%; }
&.two-up,
&.three-up,
&.four-up,
&.five-up {
> li {
@include break(cubs) {
float: none;
width: 100%;
}
}
}
&.top {
&.one-up > li:nth-child(1n),
&.two-up > li:nth-child(2n),
&.three-up > li:nth-child(3n),
&.four-up > li:nth-child(4n),
&.five-up > li:nth-child(5n) {
border-right: 0;
}
}
}
// Tabbable
// =============================================================================
//
// Common styles.
// 1. Prevent content from running below tabs.
//
.tabbable {
@include clearfix();
}
.x-tab-content {
overflow: auto;
margin-bottom: $baseMargin;
border: 2px solid $shortcodeBorderColor;
border-top: 0;
img,
.x-btn {
@include translate3d(0, 0, 0);
}
.x-tab-pane {
padding: 4%;
background-color: $white;
}
}
.x-nav-tabs {
&.left,
&.right {
+ .x-tab-content {
border-top: 2px solid $shortcodeBorderColor;
@include break(cubs) {
border-top: 0;
}
}
}
}
//
// Show/hide tabbable areas.
//
.x-tab-content > .x-tab-pane {
display: none;
}
.x-tab-content > .active {
display: block;
}