From f144c415aa5d205483191b5baa7ba791dc969f33 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 15 Feb 2023 22:23:30 +0100 Subject: Update --- assets/css/_declare-vars.scss | 4 ++-- assets/css/objects/_icon.scss | 10 ++++++++++ assets/css/scopes/_links.scss | 46 ------------------------------------------- assets/css/style.scss | 5 ++--- 4 files changed, 14 insertions(+), 51 deletions(-) create mode 100644 assets/css/objects/_icon.scss delete mode 100644 assets/css/scopes/_links.scss (limited to 'assets/css') diff --git a/assets/css/_declare-vars.scss b/assets/css/_declare-vars.scss index 6ffbb11..a4723c2 100644 --- a/assets/css/_declare-vars.scss +++ b/assets/css/_declare-vars.scss @@ -74,6 +74,6 @@ @include iro.props-store(( --colors: ( - --gray: fn.gray-palette(15%), + --gray: fn.gray-palette(11%), ), -), 'palette-dark-lo'); +), 'palette-dark'); diff --git a/assets/css/objects/_icon.scss b/assets/css/objects/_icon.scss new file mode 100644 index 0000000..fe3d03b --- /dev/null +++ b/assets/css/objects/_icon.scss @@ -0,0 +1,10 @@ +@use 'iro-sass/src/index' as iro; +@use 'iro-design/src/functions' as fn; + +@include iro.props-namespace('icon') { + @include iro.props-store(( + --dims: ( + --size: calc(1 / 16 * 16em), + ) + ), 'dims'); +} diff --git a/assets/css/scopes/_links.scss b/assets/css/scopes/_links.scss deleted file mode 100644 index a08ccd8..0000000 --- a/assets/css/scopes/_links.scss +++ /dev/null @@ -1,46 +0,0 @@ -@use 'iro-sass/src/index' as iro; -@use 'iro-design/src/functions' as fn; - -@include iro.props-namespace('links') { - @include iro.props-store(( - --colors: ( - --idle: fn.global-color(--accent --link-idle --obj-lo), - --visited: fn.global-color(--accent --link-visited --obj-lo), - --key-focus: ( - --border: fn.global-color(--focus --fill), - --shadow: 0 0 0 calc(fn.global-dim(--focus --outline-width) + 2px) fn.global-color(--accent --primary --semi), - ), - ) - ), 'colors'); - - @include iro.bem-scope(iro.props-namespace()) { - :link { - text-decoration: underline; - } - - :visited { - text-decoration: underline; - } - - :link, - :visited { - border-radius: .5px; - - @include iro.bem-at-theme('keyboard') { - &:focus { - box-shadow: 0 0 0 2px fn.color(--key-focus --border), fn.color(--key-focus --shadow); - } - } - } - - @include iro.bem-modifier('colored') { - :link { - color: fn.color(--idle); - } - - :visited { - color: fn.color(--visited); - } - } - } -} diff --git a/assets/css/style.scss b/assets/css/style.scss index 5759a50..d027a70 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -18,6 +18,7 @@ @use 'iro-design/src/objects/alert' as iro-alert; @use 'iro-design/src/objects/lightbox' as iro-lightbox; @use 'objects/emoji'; +@use 'objects/icon'; @use 'components/main'; @use 'components/footer'; @@ -29,14 +30,12 @@ @use 'iro-design/src/scopes/blockquotes' as iro-blockquotes; @use 'iro-design/src/scopes/code' as iro-code; -@use 'iro-design/src/scopes/colored-links' as iro-colored-links; +@use 'iro-design/src/scopes/links' as iro-links; @use 'iro-design/src/scopes/headings' as iro-headings; -@use 'iro-design/src/scopes/invisible-links' as iro-invisible-links; @use 'iro-design/src/scopes/lists' as iro-lists; @use 'iro-design/src/scopes/tables' as iro-tables; @use 'scopes/small'; @use 'scopes/alerts'; -@use 'scopes/links'; @use 'iro-design/src/utils'; -- cgit v1.2.3-54-g00ecf