Sha256: 1f12389dcac5f0ee67ee55d6e369349824f9f6e91aa1a1b7fd51247d192d8bdf
Contents?: true
Size: 1018 Bytes
Versions: 8
Compression:
Stored size: 1018 Bytes
Contents
.master-detail-wrapper {
@keyframes slideOutLeft {
from { transform: translate3d(0, 0, 0); }
to { transform: translate3d(-50%, 0, 0); }
}
@keyframes slideInLeft {
from { transform: translate3d(-70%, 0, 0); }
to { transform: translate3d(0, 0, 0); }
}
display: flex;
flex: 1;
animation-duration: 0.5s;
animation-fill-mode: both;
.master,
.detail {
flex: 1;
display: flex;
animation-duration: 0.49s;
animation-fill-mode: both;
}
.detail {
display: none;
}
&.has-detail {
width: 200%;
animation-name: slideOutLeft;
.master {
}
.detail {
display: flex;
}
}
&.detail-visible {
width: 100%;
animation-name: initial;
.master {
display: none;
}
}
&.detail-removed {
animation-name: slideInLeft;
.master {
display: flex
}
}
}
Version data entries
8 entries across 8 versions & 1 rubygems