diff --git a/.vitepress/theme/styles/_components/table.scss b/.vitepress/theme/styles/_components/table.scss index 40287be..6fbf374 100644 --- a/.vitepress/theme/styles/_components/table.scss +++ b/.vitepress/theme/styles/_components/table.scss @@ -8,8 +8,9 @@ table { border-collapse: collapse; border-radius: var(--md-sys-shape-corner-extra-large); + outline-offset: -1px; + outline: 1px solid var(--md-sys-color-outline); - box-shadow: 0 0 0 1px var(--md-sys-color-outline); overflow: auto; a { @@ -17,19 +18,13 @@ table { } caption { - @include mixin.typescale-style("title-medium", $font-weight: 700); + @include mixin.typescale-style("title-medium", $font-variation-settings: "wght" 700); padding: 16px 0px; - - text-transform: uppercase; - - background-color: var(--md-sys-color-surface-variant); - - transition: background-color var(--md-sys-motion-duration-extra-long1) var(--md-sys-motion-easing-standard); } thead { - @include mixin.typescale-style("body-large", $font-weight: 700); + @include mixin.typescale-style("body-large", $font-variation-settings: 700); white-space: nowrap; @@ -41,20 +36,9 @@ table { text-transform: capitalize; - border: 1px solid var(--md-sys-color-outline); - border-top: none; - background-color: var(--md-sys-color-surface-variant); transition: background-color var(--md-sys-motion-duration-extra-long1) var(--md-sys-motion-easing-standard); - - &:first-child { - border-left: none; - } - - &:last-child { - border-right: none; - } } } } @@ -72,25 +56,16 @@ table { td { padding: 16px 24px; - min-width: 120px; - vertical-align: inherit; - border: 1px solid var(--md-sys-color-outline); - border-bottom: none; - code { white-space: nowrap; } - - &:first-child { - border-left: none; - } - - &:last-child { - border-right: none; - } } } } + + :is(td, th) { + border: 1px solid var(--md-sys-color-outline); + } }