From ef58809a37a7ad95c9bdef8e9f465adb3904ffdf Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 26 Mar 2021 22:48:01 +0100 Subject: WIP: Redesign --- assets/css/objects/_button.scss | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 assets/css/objects/_button.scss (limited to 'assets/css/objects') diff --git a/assets/css/objects/_button.scss b/assets/css/objects/_button.scss new file mode 100644 index 0000000..d97ca2d --- /dev/null +++ b/assets/css/objects/_button.scss @@ -0,0 +1,23 @@ +@include namespace('button') { + @include store(( + --dims: ( + --pad-x: 1.4em, + --pad-y: .5em + ), + --colors: ( + --bg: prop(--colors --fg-lo, $global: true), + --fg: prop(--colors --bg, $global: true), + ) + )); + + @include object(namespace()) { + display: inline-block; + padding: prop(--dims --pad-y) prop(--dims --pad-x); + border-radius: 10em; + background-color: prop(--colors --bg); + color: prop(--colors --fg); + font-size: 1 / 16 * 14em; + font-weight: 500; + text-decoration: none; + } +} -- cgit v1.2.3-70-g09d2