tdesign-mobile-vue
Version:
tdesign-mobile-vue
24 lines (20 loc) • 679 B
text/less
@import './_var.less';
// TDesign 站点中有代码code元素的相关样式 为正常展示需要覆盖为typography样式
div[name='DEMO'] *:not(pre) > .t-typography code {
border-radius: @radius-default;
border: 1px solid @component-border;
margin: 0 calc(@spacer / 2);
background-color: @bg-color-secondarycontainer;
padding: 0 @spacer;
color: @text-color-primary;
transition: background-color 0.2s;
font: @font-body-small;
font-family: @typography-code-family;
}
// 纵向展示 Text 组件DEMO示例中去掉 margin
div[name='DEMO'] .vertical-demo .t-typography code {
margin: 0;
}
div[name='DEMO'] .vertical-demo .t-typography kbd {
margin: 0;
}