zmp-core/components/chip/chip-vars.less

Full featured mobile HTML framework for building iOS & Android apps

:root {
  --zmp-chip-font-size: 14px;
  --zmp-chip-font-weight: normal;
  --zmp-chip-media-font-size: 16px;
  .light-vars({
    --zmp-chip-bg-color: rgba(0, 0, 0, 0.12);
    --zmp-chip-outline-border-color: rgba(0, 0, 0, 0.12);
    --zmp-chip-delete-button-color: #000;
  });
  .dark-vars({
    --zmp-chip-delete-button-color: #fff;
    --zmp-chip-bg-color: #333;
    --zmp-chip-outline-border-color: rgba(255, 255, 255, 0.12);
  });
}
.ios-vars({
  --zmp-chip-height: 28px;
  --zmp-chip-padding-horizontal: 10px;
  .light-vars({
    --zmp-chip-text-color: #000;
  });
  .dark-vars({
    --zmp-chip-text-color: #fff;
  });
});
.md-vars({
  --zmp-chip-height: 32px;
  --zmp-chip-padding-horizontal: 12px;
  .light-vars({
    --zmp-chip-text-color: rgba(0, 0, 0, 0.87);
  });
  .dark-vars({
    --zmp-chip-text-color: rgba(255,255,255,0.87);
  });
});
.aurora-vars({
  --zmp-chip-height: 32px;
  --zmp-chip-padding-horizontal: 12px;
  .light-vars({
    --zmp-chip-text-color: #000;
  });
  .dark-vars({
    --zmp-chip-text-color: #fff;
  });
});