From 7379e6332fa15a66aba7fd52da259025e969cf7d Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Mon, 15 Jul 2019 10:56:33 +0300 Subject: [PATCH] Fix table border-radius, resolve #154 --- src/mini/_table.scss | 36 ++++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) diff --git a/src/mini/_table.scss b/src/mini/_table.scss index 9a177d5..9332af5 100644 --- a/src/mini/_table.scss +++ b/src/mini/_table.scss @@ -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 {