From 9089d829722b6fafdd1187c522f4633fda2f851b Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 9 Jan 2024 07:23:57 +0100 Subject: More styles for table scope --- src/scopes/_tables.scss | 57 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 57 insertions(+) diff --git a/src/scopes/_tables.scss b/src/scopes/_tables.scss index 1907bac..f78e81b 100644 --- a/src/scopes/_tables.scss +++ b/src/scopes/_tables.scss @@ -7,6 +7,7 @@ --dims: ( --pad-x: fn.global-dim(--size --175), --pad-y: fn.global-dim(--size --125), + --rounding: 3px, --margin-top: fn.global-dim(--paragraph --margin-top), ), ), 'dims'); @@ -15,6 +16,9 @@ --colors: ( --border: fn.global-color(--obj), --heading: fn.global-color(--fg-hi), + --box: ( + --bg: fn.global-color(--bg-hi2), + ) ) ), 'colors'); @@ -53,5 +57,58 @@ } } } + + @include iro.bem-modifier('flush') { + th, + td { + &:first-child { + padding-left: 0; + } + + &:last-child { + padding-right: 0; + } + } + } + + @include iro.bem-modifier('box') { + td { + background-color: fn.color(--box --bg); + + &:first-child { + border-left-width: 1px; + } + + &:last-child { + border-right-width: 1px; + } + } + + tr { + &:first-child { + td { + &:first-child { + border-top-left-radius: fn.dim(--rounding); + } + + &:last-child { + border-top-right-radius: fn.dim(--rounding); + } + } + } + + &:last-child { + td { + &:first-child { + border-bottom-left-radius: fn.dim(--rounding); + } + + &:last-child { + border-bottom-right-radius: fn.dim(--rounding); + } + } + } + } + } } } -- cgit v1.2.3-70-g09d2