Sha256: dcdd0076dfb2e227302064702a32d561eeab148f19aaf77c533e04e09d20519f
Contents?: true
Size: 1.55 KB
Versions: 16
Compression:
Stored size: 1.55 KB
Contents
// - - - - - - - - - - - - - - - - - - - - - - - - -
// Code Box
// - - - - - - - - - - - - - - - - - - - - - - - - -
@mixin CHAMELEON-code-box {
$_code-box-nav-bg: #3b4a59;
.c-code {
width: 100%;
position: relative;
margin-bottom: 20px;
overflow: hidden;
@media #{$medium-up} {
margin-bottom: 0;
}
}
.c-code__nav {
width: 100%;
height: 30px;
background-color: darken($_code-box-nav-bg, 5%);
overflow-x: auto;
overflow-y: hidden;
@media #{$medium-up} {
height: 30px;
}
&::-webkit-scrollbar {
display: none;
}
}
.c-code__nav__list {
display: flex;
list-style: none;
width: 100%;
margin: 0;
padding: 0;
li {
@extend %font-family-secondary;
color: #fff;
font-size: rem-calc(12px);
font-weight: 500;
text-align: center;
text-shadow: 0 0 1px rgba(0, 0, 0, .05);
width: auto;
float: left;
height: 30px;
padding: 8px 10px;
border-left: 1px solid lighten($_code-box-nav-bg, 5%);
cursor: pointer;
&:hover {
background-color: darken($_code-box-nav-bg, 5%);
}
&.current {
background-color: darken($_code-box-nav-bg, 10%);
border-top: 2px solid $color-developer;
}
}
&__title {
background-color: darken($_code-box-nav-bg, 5%);
cursor: normal;
}
}
.c-code__content {
background: $_code-box-nav-bg;
&__container {
display: none;
font-size: 15px;
&.current {
display: block;
}
}
}
}
Version data entries
16 entries across 16 versions & 2 rubygems