Sha256: 4c045ee7d69f6fd03ba215bb1972e23ca47ec0634e834e05284ec162fe1fdae0
Contents?: true
Size: 1.86 KB
Versions: 7
Compression:
Stored size: 1.86 KB
Contents
[data-nav-x-wrapper] {
position: relative;
padding: 0;
overflow: hidden;
}
[data-nav-x-container] {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
position: relative;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}
[data-nav-x-content] {
float: left;
transition: transform .2s ease-in-out;
position: relative;
& > * {
z-index: 200;
}
// Bug fix for iOS jittery elastic scroll from Bootstrap
// transaition on pills and buttons.
& > li > a {
transition: none !important;
}
}
.nav-x_Transition_None {
transition: none;
}
.nav-x_Advancer {
appearance: none;
background: transparent;
border: 0;
position: absolute;
padding: 5px;
height: 100%;
width: fit-content;
top: 0;
bottom: 0;
opacity: 0;
transition: linear 0.01s 0.6s, opacity 0.4s;
z-index:300;
&:focus {
outline: 0;
}
&:hover {
cursor: pointer;
}
svg {
height: 1.5em;
width: 1.5em;
color: rgba(128, 128, 128, 0.56);
}
}
.nav-x_Advancer_Left {
border-right: 2px solid rgba(128, 128, 128, 0.56);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,0.8533788515406162) 100%);
left: -46px;
padding-right: 0;
}
[data-overflowing="both"] ~ .nav-x_Advancer_Left,
[data-overflowing="left"] ~ .nav-x_Advancer_Left {
opacity: 1;
left: -1px;
transition: linear 0.01s, opacity 0.4s 0.02s;
}
.nav-x_Advancer_Right {
border-left: 2px solid rgba(128, 128, 128, 0.56);
background: linear-gradient(90deg, rgba(255,255,255,0.850577731092437) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
right: -46px;
padding-left: 0;
}
[data-overflowing="both"] ~ .nav-x_Advancer_Right,
[data-overflowing="right"] ~ .nav-x_Advancer_Right {
opacity: 1;
right: -1px;
transition: linear 0.01s, opacity 0.4s 0.02s;
}
Version data entries
7 entries across 7 versions & 1 rubygems