Skip to content

Commit

Permalink
implement close icon
Browse files Browse the repository at this point in the history
  • Loading branch information
egbadon-victor committed Nov 8, 2024
1 parent 3b23d44 commit aee9fd8
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 0 deletions.
9 changes: 9 additions & 0 deletions src/css/library-vars.css
Original file line number Diff line number Diff line change
Expand Up @@ -147,6 +147,7 @@
--fa-info: url('../svg/font-awesome/icons/fa-icons.svg#fa-info');
--fa-right-angle: url('../svg/font-awesome/icons/fa-icons.svg#fa-right-angle');
--fa-search: url('../svg/font-awesome/icons/fa-icons.svg#fa-search');
--fa-close: url('../svg/font-awesome/icons/fa-icons.svg#fa-close');

--fa-instagram: url('../svg/font-awesome/icons/fa-icons.svg#fa-instagram');
--fa-twitter: url('../svg/font-awesome/icons/fa-icons.svg#fa-twitter');
Expand Down Expand Up @@ -229,6 +230,10 @@ leaving room for semantic and accessible implementation choices */
--icon-sprite: var(--fa-search);
}

.icon.fa-close, .icon-attach.fa-close:before {
--icon-sprite: var(--fa-close);
}

.icon-replace.fa-instagram {
--icon-sprite: var(--fa-instagram);
}
Expand All @@ -249,6 +254,10 @@ leaving room for semantic and accessible implementation choices */
--icon-sprite: var(--fa-mastodon);
}

.icon-replace.fa-close {
--icon-sprite: var(--fa-close);
}


/* attach an icon to an existing element with a :before */
.icon-attach:before {
Expand Down
5 changes: 5 additions & 0 deletions src/svg/font-awesome/icons/fa-icons.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit aee9fd8

Please sign in to comment.