/
githubmirror
/
materialize
Обзор
Документация
Войти
/
githubmirror
/
materialize
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
v1-dev
sass/components/_badges.scss
55 строк
1 KB
Chang Alan
added badge css fix for table
10 фев 2018, 06:13
10 фев 2018, 06:13
8467547
Код
Авторство
О чём код?
// Badges span.badge { min-width: 3rem; padding: 0 6px; margin-left: 14px; text-align: center; font-size: 1rem; line-height: $badge-height; height: $badge-height; color: color('grey', 'darken-1'); float: right; box-sizing: border-box; &.new { font-weight: 300; font-size: 0.8rem; color: #fff; background-color: $badge-bg-color; border-radius: 2px; } &.new:after { content: " new"; } &[data-badge-caption]::after { content: " " attr(data-badge-caption); } } // Special cases nav ul a span.badge { display: inline-block; float: none; margin-left: 4px; line-height: $badge-height; height: $badge-height; -webkit-font-smoothing: auto; } // Line height centering .collection-item span.badge { margin-top: calc(#{$collection-line-height / 2} - #{$badge-height / 2}); } .collapsible span.badge { margin-left: auto; } .sidenav span.badge { margin-top: calc(#{$sidenav-line-height / 2} - #{$badge-height / 2}); } table span.badge { display: inline-block; float: none; margin-left: auto; }