mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-08-06 13:56:27 +02:00
Fix table border-radius, resolve #154
This commit is contained in:
@@ -160,6 +160,22 @@ table {
|
||||
tbody tr:first-child td {
|
||||
border-top: 0;
|
||||
}
|
||||
thead tr:first-child th {
|
||||
&:first-child{
|
||||
border-top-left-radius: var(--universal-border-radius);
|
||||
}
|
||||
&:last-child{
|
||||
border-top-right-radius: var(--universal-border-radius);
|
||||
}
|
||||
}
|
||||
tbody tr:last-child td {
|
||||
&:first-child{
|
||||
border-bottom-left-radius: var(--universal-border-radius);
|
||||
}
|
||||
&:last-child{
|
||||
border-bottom-right-radius: var(--universal-border-radius);
|
||||
}
|
||||
}
|
||||
}
|
||||
table.#{$table-horizontal-name} {
|
||||
border: 0;
|
||||
@@ -219,6 +235,26 @@ table {
|
||||
}
|
||||
}
|
||||
}
|
||||
@else {
|
||||
table {
|
||||
thead tr:first-child th {
|
||||
&:first-child{
|
||||
border-top-left-radius: var(--universal-border-radius);
|
||||
}
|
||||
&:last-child{
|
||||
border-top-right-radius: var(--universal-border-radius);
|
||||
}
|
||||
}
|
||||
tbody tr:last-child td {
|
||||
&:first-child{
|
||||
border-bottom-left-radius: var(--universal-border-radius);
|
||||
}
|
||||
&:last-child{
|
||||
border-bottom-right-radius: var(--universal-border-radius);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Mobile
|
||||
@media screen and (max-width: #{$table-mobile-breakpoint - 1px}){
|
||||
@if $_include-horizontal-table {
|
||||
|
Reference in New Issue
Block a user