From 9ea95d1bed4adc3551a6fa01b40b9d0e1ccacb81 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 16 Jun 2022 09:22:21 +0200 Subject: Added tables scope, fixed anchor styling --- src/scopes/_tables.scss | 55 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 55 insertions(+) create mode 100644 src/scopes/_tables.scss (limited to 'src/scopes/_tables.scss') diff --git a/src/scopes/_tables.scss b/src/scopes/_tables.scss new file mode 100644 index 0000000..e8135eb --- /dev/null +++ b/src/scopes/_tables.scss @@ -0,0 +1,55 @@ +@use 'iro-sass/src/index' as iro; +@use '../functions' as fn; +@use '../mixins' as mx; + +@include iro.props-namespace('tables') { + @include iro.props-store(( + --dims: ( + --pad-x: fn.global-dim(--size --175), + --pad-y: fn.global-dim(--size --125), + ), + ), 'dims'); + + @include iro.props-store(( + --colors: ( + --border: fn.global-color(--obj), + --heading: fn.global-color(--fg-hi), + ) + ), 'colors'); + + @include iro.bem-scope(iro.props-namespace()) { + table { + border-spacing: 0; + border-collapse: separate; + } + + th { + @include mx.set-font(--standard, ( + --line-height: null, + --size: fn.global-dim(--font-size --50), + --weight: 500, + --transform: uppercase, + --spacing: .5px + )); + + padding: fn.dim(--pad-y) fn.dim(--pad-x); + color: fn.color(--heading); + text-align: left; + } + + td { + padding: fn.dim(--pad-y) fn.dim(--pad-x); + border-width: 1px 0 0; + border-style: solid; + border-color: fn.color(--border); + } + + tr { + &:last-child { + td { + border-bottom-width: 1px; + } + } + } + } +} -- cgit v1.2.3-70-g09d2