mand-mobile/lib/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:80px;height:80px;margin-right:32px;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:1000px 104px}.md-skeleton .md-skeleton-avatar.md-skeleton-avatar-large{width:96px;height:96px}.md-skeleton .md-skeleton-avatar.md-skeleton-avatar-small{width:64px;height:64px}.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:32px;margin-bottom:24px;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:1000px 104px}.md-skeleton .md-skeleton-row:last-child,.md-skeleton .md-skeleton-title:last-child{margin-bottom:0}@-webkit-keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}