ten-design-vue
Version:
ten-vue
58 lines (50 loc) • 875 B
text/less
/* dependencies icon */
@import "../vars.less";
.ten-card {
box-shadow: @shadow-level-1;
background: #fff;
position: relative;
&__header,
&__content,
&__footer {
padding: 15px;
}
&__header {
padding-bottom: 0;
}
&__header {
font-size: @font-size-larger;
font-weight: 600;
}
&__footer {
padding-top: 0;
text-align: right;
}
&__footer,
&__footer a {
color: @primary-color;
}
&__footer .ten-icon {
vertical-align: -2px;
}
&__content {
color: @text-level-2-color;
size: @text-level-2-size;
line-height: @text-level-2-line;
}
&__more {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
&-icon {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
}
}