beenull/mini.css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix table border-radius, resolve #154

Browse source
This commit is contained in:
Angelos Chalaris 2019-07-15 10:56:33 +03:00
parent a33fcb5e59
commit 7379e6332f
1 changed files with 36 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
src/mini/_table.scss
View file

@ -160,6 +160,22 @@ table {
tbody tr:first-child td { tbody tr:first-child td {
border-top: 0; 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} { table.#{$table-horizontal-name} {
border: 0; 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 // Mobile
@media screen and (max-width: #{$table-mobile-breakpoint - 1px}){ @media screen and (max-width: #{$table-mobile-breakpoint - 1px}){
@if $_include-horizontal-table { @if $_include-horizontal-table {