mirror of
https://github.com/danog/telegram-tt.git
synced 2024-12-12 00:59:52 +01:00
1 line
13 KiB
CSS
1 line
13 KiB
CSS
|
.lovely-chart--container{--background-color:#fff;--text-color:#222;--minimap-mask:rgba(226,238,249,0.6);--minimap-slider:#c0d1e1;--grid-lines:rgba(24,45,59,0.1);--zoom-out-text:#108be3;--tooltip-background:#fff;--tooltip-arrow:#d2d5d7}html.dark .lovely-chart--container{--background-color:#242f3e;--text-color:#fff;--minimap-mask:rgba(48,66,89,0.6);--minimap-slider:#56626d;--grid-lines:hsla(0,0%,100%,0.1);--zoom-out-text:#48aaf0;--tooltip-background:#1c2533;--tooltip-arrow:#d2d5d7}@keyframes lovely-chart--animation-shake{0%{transform:translateX(-3px)}16.66%{transform:translateX(3px)}33.33%{transform:translateX(-2px)}50%{transform:translateX(2px)}66.66%{transform:translateX(-1px)}83.33%{transform:translateX(1px)}to{transform:translateX(0)}}@keyframes lovely-chart--animation-fadeIn{0%{opacity:0;transform:scale3d(.5,.5,1)}40%{transform:scale3d(.75,.75,1)}to{opacity:1;transform:scaleX(1)}}@keyframes lovely-chart--animation-fadeOut{0%{opacity:1;transform:scaleX(1)}60%{transform:scale3d(.75,.75,1)}to{opacity:0;transform:scale3d(.5,.5,1)}}@keyframes lovely-chart--animation-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lovely-chart--transition-container{position:relative}.lovely-chart--transition{position:absolute;top:0;bottom:0}.lovely-chart--transition.lovely-chart--position-top{transform-origin:top left}.lovely-chart--transition.lovely-chart--position-top.lovely-chart--position-right{transform-origin:top right}.lovely-chart--transition.lovely-chart--position-bottom{transform-origin:bottom left}.lovely-chart--transition.lovely-chart--position-bottom.lovely-chart--position-right{transform-origin:bottom right}.lovely-chart--transition.lovely-chart--position-left{left:0}.lovely-chart--transition.lovely-chart--position-right{right:0}.lovely-chart--transition.lovely-chart--state-hidden{opacity:0}.lovely-chart--state-animated{animation-fill-mode:forwards;animation-timing-function:ease-out;animation-duration:.2s}.lovely-chart--state-animated.lovely-chart--state-hidden{animation-name:lovely-chart--animation-fadeOut;animation-duration:.3s}.lovely-chart--state-animated:not(.lovely-chart--state-hidden){animation-name:lovely-chart--animation-fadeIn}.lovely-chart--container{font:300 13px -apple-system,HelveticaNeue,Helvetica,Arial,sans-serif;color:#222;position:relative;text-align:left;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.lovely-chart--container.lovely-chart--state-invisible>*{display:none}.lovely-chart--container .lovely-chart--tooltip canvas,.lovely-chart--container>canvas{margin-top:10px}.lovely-chart--container-type-pie.lovely-chart--state-animating>canvas{transform-origin:center calc(50% - 7.5px)}.lovely-chart--container-type-pie.lovely-chart--state-animating.lovely-chart--state-zoomed-in>canvas{animation:lovely-chart--animation-pie-transition-in .6s;animation-timing-function:ease-out}.lovely-chart--container-type-pie.lovely-chart--state-animating:not(.lovely-chart--state-zoomed-in)>canvas{animation:lovely-chart--animation-pie-transition-out .55s;animation-timing-function:ease-in}@keyframes lovely-chart--animation-pie-transition-in{0%{clip-path:circle(80% at center calc(50% - 7.5px));-webkit-clip-path:circle(80% at center calc(50% - 7.5px));transform:rotate(-1turn)}25%{clip-path:circle(32% at center calc(50% - 7.5px));-webkit-clip-path:circle(32% at center calc(50% - 7.5px));transform:rotate(-1turn)}75%{clip-path:circle(32% at center calc(50% - 7.5px));-webkit-clip-path:circle(32% at center calc(50% - 7.5px));transform:rotate(0)}}@media (max-width:480px){@keyframes lovely-chart--animation-pie-transition-in{0%{clip-path:circle(80% at center calc(50% - 7.5px));-webkit-clip-path:circle(80% at center calc(50% - 7.5px));transform:rotate(-1turn)}25%{clip-path:circle(40% at center calc(50% - 7.5px));-webkit-clip-path:circle(40% at center calc(50% - 7.5px));transform:rotate(-1turn)}75%{clip-path:circle(40% at center calc(50% - 7.5px));-webkit-clip-path:circle(40% at center calc(50% - 7.5px));transform:rotate(0)}}}@keyframes lovely-chart--animation-pie-transition-out{
|