@pi0/framework7
Version:
Full featured mobile HTML framework for building iOS & Android apps
30 lines (29 loc) • 640 B
text/less
.ios {
@import (multiple) '../../less/colors-ios.less';
.badge {
font-size: 13px;
border-radius: 20px;
padding: 0 6px;
height: 20px;
line-height: 20px;
.item-after & {
min-width: 20px;
}
}
.icon, .f7-icons, .framework7-icons, .material-icons {
.badge {
line-height: 16px;
height: 16px;
border-radius: 16px;
padding: 0 4px;
min-width: 16px;
font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 10px;
}
}
.color-loop({
.badge.color-@{colorName} {
background-color: @colorValue;
}
});
}