diff options
| author | Julius Härtl <jus@bitgrid.net> | 2018-07-20 12:49:16 +0200 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2018-07-20 12:49:16 +0200 |
| commit | 46be8e69c704cced5960ee2b87ef58c936435005 (patch) | |
| tree | cad66e7a2117516e555224ae05ec04483039392a /core/css/icons.scss | |
| parent | 6b440cc36558246b9651344872013aa9de21f86e (diff) | |
| download | nextcloud-server-46be8e69c704cced5960ee2b87ef58c936435005.tar.gz nextcloud-server-46be8e69c704cced5960ee2b87ef58c936435005.zip | |
Add icon-black-white mixin to automatically generate icon classes
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'core/css/icons.scss')
| -rw-r--r-- | core/css/icons.scss | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/core/css/icons.scss b/core/css/icons.scss index 27863f017f4..48e77877de5 100644 --- a/core/css/icons.scss +++ b/core/css/icons.scss @@ -110,9 +110,8 @@ img, object, video, button, textarea, input, select, div[contenteditable='true'] } .icon-white { - filter: invert(100%); &.icon-shadow { - filter: invert(100%) drop-shadow(1px 1px 4px var(--color-box-shadow)); + filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); } } @@ -172,13 +171,14 @@ img, object, video, button, textarea, input, select, div[contenteditable='true'] @include icon-color('clippy', 'actions', $color-black, 2, true); } -.icon-close { - @include icon-color('close', 'actions', $color-black, 1, true); -} - -.icon-close-white { - @include icon-color('close', 'actions', $color-white, 1, true); -} +/** + * These icon classes are generated automatically with the following pattern + * for icon-black-white('close', ...) + * .icon-close + * .icon-close-white + * .icon-close.icon-white + */ +@include icon-black-white('close', 'actions', $color-black, 1, true); .icon-comment { @include icon-color('comment', 'actions', $color-black, 1, true); |