From 3ee15de8dfa22a5e45b9ec0c5a832ab47d60ca9a Mon Sep 17 00:00:00 2001 From: Francis Thibault Date: Mon, 15 Apr 2024 21:18:07 -0400 Subject: [PATCH 1/2] wrapped icon css in a layer --- components/styles/icon.css | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/components/styles/icon.css b/components/styles/icon.css index 6a2eb77..12f8c61 100644 --- a/components/styles/icon.css +++ b/components/styles/icon.css @@ -1,8 +1,10 @@ -.ids-icon { - display: inline-block; - vertical-align: text-bottom; - user-select: none; - overflow: hidden; - /* fix the issue with the strokes vs fill */ - fill: none !important; +@layer igloo { + .ids-icon { + display: inline-block; + vertical-align: text-bottom; + user-select: none; + overflow: hidden; + /* fix the issue with the strokes vs fill */ + fill: none !important; + } } From 9bd0e1fa99fd5c6fcd20cd01bf5fd351854d5f08 Mon Sep 17 00:00:00 2001 From: Francis Thibault Date: Tue, 16 Apr 2024 09:45:41 -0400 Subject: [PATCH 2/2] changeset --- .changeset/yellow-pandas-flash.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/yellow-pandas-flash.md diff --git a/.changeset/yellow-pandas-flash.md b/.changeset/yellow-pandas-flash.md new file mode 100644 index 0000000..eacb2b0 --- /dev/null +++ b/.changeset/yellow-pandas-flash.md @@ -0,0 +1,5 @@ +--- +'@igloo-ui/icons': patch +--- + +Added a layer rule for better css specificity managment