From 5ede915c4990584fa0ae7747b9a5ad9a4e93acdd Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 21 Nov 2021 08:08:14 +0100 Subject: Improved list structure again --- assets/css/components/_card-list.scss | 58 ----------------------------------- 1 file changed, 58 deletions(-) delete mode 100644 assets/css/components/_card-list.scss (limited to 'assets/css/components') diff --git a/assets/css/components/_card-list.scss b/assets/css/components/_card-list.scss deleted file mode 100644 index aa6eef9..0000000 --- a/assets/css/components/_card-list.scss +++ /dev/null @@ -1,58 +0,0 @@ -@include namespace('card-list') { - @include store(( - --colors: ( - --title: prop(--colors --fg-lo, $global: true), - --text: prop(--colors --fg-hi, $global: true), - ), - --dims: ( - --col-width: 17em - ) - )); - - @include component(namespace()) { - margin-top: $line-height * 2rem; - font-size: 1rem; - - @include element('title') { - color: prop(--colors --title); - } - - @include element('text') { - color: prop(--colors --text); - line-height: 1.4; - - p { - margin-top: $line-height * .25rem; - } - } - - @include element('cards') { - margin-top: $line-height * .625rem; - filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); - - @include modifier('grid') { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr)); - gap: 6px; - - @include element('card') { - @include next-twin-element { - margin-top: 0; - } - } - } - - @media print { - filter: none; - } - } - - @include element('card') { - box-shadow: none; - - @include next-twin-element { - margin-top: 2px; - } - } - } -} -- cgit v1.2.3-54-g00ecf