Table 样式优化
This commit is contained in:
parent
87b32467e6
commit
43c6e051e5
|
@ -94,7 +94,7 @@
|
|||
padding: $ListItem-paddingY $ListItem-paddingX;
|
||||
margin-bottom: px2rem(-1px);
|
||||
background-color: $white;
|
||||
border: $ListItem-borderWidth solid $ListItem-borderColor;
|
||||
border: $ListItem-borderWidth solid $List-borderColor;
|
||||
|
||||
&:first-child {
|
||||
border-top-left-radius: $borderRadius;
|
||||
|
|
|
@ -215,11 +215,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
> thead > tr,
|
||||
> tbody > tr {
|
||||
background-color: $Table-thead-bg;
|
||||
|
||||
> thead > tr {
|
||||
> th {
|
||||
background-color: $Table-thead-bg;
|
||||
|
||||
&[colspan] {
|
||||
text-align: center;
|
||||
}
|
||||
|
@ -237,6 +236,7 @@
|
|||
&:not(:last-child) {
|
||||
border-right: $Table-thead-borderWidth solid $Table-thead-borderColor;
|
||||
}
|
||||
border-bottom: $Table-thead-borderWidth solid $Table-thead-borderColor;
|
||||
|
||||
font-size: $Table-thead-fontSize;
|
||||
color: $Table-thead-color;
|
||||
|
@ -257,14 +257,29 @@
|
|||
border-top: $Table-borderWidth solid $Table-borderColor;
|
||||
}
|
||||
|
||||
> thead > tr {
|
||||
border-bottom: $Table-borderWidth solid $Table-borderColor;
|
||||
}
|
||||
|
||||
> tbody > tr {
|
||||
border-top: $Table-borderWidth solid $Table-borderColor;
|
||||
& + tr {
|
||||
border-top: $Table-borderWidth solid $Table-borderColor;
|
||||
> th {
|
||||
border-top: $Table-thead-borderWidth solid $Table-thead-borderColor;
|
||||
}
|
||||
}
|
||||
|
||||
> th {
|
||||
background-color: $Table-thead-bg;
|
||||
// font-size: $Table-thead-fontSize;
|
||||
color: $Table-thead-color;
|
||||
font-weight: $fontWeightNormal;
|
||||
white-space: nowrap;
|
||||
border-right: $Table-thead-borderWidth solid $Table-thead-borderColor;
|
||||
}
|
||||
|
||||
> td {
|
||||
> td,
|
||||
> th {
|
||||
padding: $TableCell-paddingY $TableCell-paddingX;
|
||||
vertical-align: top;
|
||||
|
||||
|
|
|
@ -22,7 +22,7 @@ $body-bg: #ffffff;
|
|||
$text-color: #666;
|
||||
$text--muted-color: #999;
|
||||
$text--loud-color: #333;
|
||||
$borderColor: #e8ebee;
|
||||
$borderColor: #eceff8;
|
||||
|
||||
$link-onHover-decoration: none;
|
||||
|
||||
|
|
Loading…
Reference in New Issue