Sha256: 54624eecda9de75e198f05415875c82f8f3da29d852329902e210484129c34f8
Contents?: true
Size: 1.43 KB
Versions: 4
Compression:
Stored size: 1.43 KB
Contents
body.slide-box-active {
overflow: hidden;
}
tao-slide-box {
display: none;
position: fixed;
background: $white-color;
opacity: 0;
z-index: $z-index-float;
border: 0px solid $light-border-color;
transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;
overflow: hidden;
& > .link-close {
display: none;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
position: absolute;
top: 0.5rem;
fill: $lighter-grey-color;
&:hover {
fill: $grey-color;
}
}
&[with-close-button] > .link-close {
display: flex;
}
.slide-box-content {
max-height: 100%;
overflow: auto;
}
&[direction='rtl'] {
top: 0;
right: 0;
bottom: 0;
transform: translateX(50%);
border-left-width: 1px;
box-shadow: -2px 0 5px 0 rgba(0,0,0,0.05);
}
&[direction='ltr'] {
top: 0;
left: 0;
bottom: 0;
transform: translateX(-50%);
border-right-width: 1px;
box-shadow: 2px 0 5px 0 rgba(0,0,0,0.05);
}
&[direction='ttb'] {
left: 0;
top: 0;
right: 0;
transform: translateY(-50%);
border-bottom-width: 1px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05);
}
&[direction='btt'] {
left: 0;
right: 0;
bottom: 0;
transform: translateY(50%);
border-top-width: 1px;
box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.05);
}
&[active] {
opacity: 1;
transform: translateX(0) translateY(0);
}
}
Version data entries
4 entries across 4 versions & 1 rubygems