mand-mobile/lib-vw/skeleton/style/index.css

A Vue.js 2.0 Mobile UI Toolkit

.md-skeleton{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex}.md-skeleton .md-skeleton-avatar{width:10.66667vw;height:10.66667vw;margin-right:4.26667vw;border-radius:50%;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeHolderShimmer;animation-name:placeHolderShimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:-webkit-linear-gradient(left,#f3f3f6 8%,#f8faff 18%,#f3f3f6 33%);background:linear-gradient(90deg,#f3f3f6 8%,#f8faff 18%,#f3f3f6 33%);background-size:133.33333vw 13.86667vw}.md-skeleton .md-skeleton-avatar.md-skeleton-avatar-large{width:12.8vw;height:12.8vw}.md-skeleton .md-skeleton-avatar.md-skeleton-avatar-small{width:8.53333vw;height:8.53333vw}.md-skeleton .md-skeleton-content{-webkit-box-flex:1;-webkit-flex:1;flex:1}.md-skeleton .md-skeleton-row,.md-skeleton .md-skeleton-title{box-sizing:border-box;height:4.26667vw;margin-bottom:3.2vw;border:0;border-radius:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeHolderShimmer;animation-name:placeHolderShimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:-webkit-linear-gradient(left,#f3f3f6 8%,#f8faff 18%,#f3f3f6 33%);background:linear-gradient(90deg,#f3f3f6 8%,#f8faff 18%,#f3f3f6 33%);background-size:133.33333vw 13.86667vw}.md-skeleton .md-skeleton-row:last-child,.md-skeleton .md-skeleton-title:last-child{margin-bottom:0}@-webkit-keyframes placeHolderShimmer{0%{background-position:-62.4vw 0}to{background-position:62.4vw 0}}@keyframes placeHolderShimmer{0%{background-position:-62.4vw 0}to{background-position:62.4vw 0}}