/
githubmirror
/
element
Обзор
Документация
Войти
/
githubmirror
/
element
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/theme-chalk/src/skeleton-item.scss
84 строки
1 KB
好多大米
Skeleton: add skeleton component (#21038)
01 июн 2021, 12:23
Не верифицирован
01 июн 2021, 12:23
df6965f
Код
Авторство
О чём код?
@import 'mixins/mixins'; @import 'common/var'; @mixin circle-size($size) { width: $size; height: $size; line-height: $size; } @include b(skeleton) { @include e(item) { background: $--skeleton-color; display: inline-block; height: 16px; border-radius: $--border-radius-base; width: 100%; } @include e(circle) { border-radius: 50%; @include circle-size($--avatar-medium-size); @include m(lg) { @include circle-size($--avatar-large-size); } @include m(md) { @include circle-size($--avatar-small-size); } } @include e(button) { height: 40px; width: 64px; border-radius: 4px; } @include e(p) { width: 100%; @include when(last) { width: 61%; } @include when(first) { width: 33%; } } @include e(text) { width: 100%; height: $--font-size-small; } @include e(caption) { height: $--font-size-extra-small; } @include e(h1) { height: $--font-size-extra-large; } @include e(h3) { height: $--font-size-large; } @include e(h5) { height: $--font-size-medium; } @include e(image) { width: unset; display: flex; align-items: center; justify-content: center; border-radius: 0; svg { fill: $--svg-monochrome-grey; width: 22%; height: 22%; } } }