From c86ce3c9c7736ef199d885596b6fc745c7d8c86e Mon Sep 17 00:00:00 2001 From: Yoshie Muranaka Date: Wed, 5 Jun 2019 12:30:30 -0500 Subject: Consolidate button styles This patchset will create consistent button styling according to the styleguide and remove redundant button styles by creating reusable button classes. This patchset also implements a consistent strategy for including icon assets. Currently, svg icons are imported as CSS background images or inlined into the markup. Inlining an svg is preferred, especially when used with buttons or links so the colors can be easily changed for different states (hover, focus, disabled) without having to request variants. The icon provider allows us to inline svgs without cluttering the markup. Webpack config was adjusted to use svg-inline-loader when resolving svgs that are used by the icon provider directive. - All svgs were optimized to remove unncessary information. - Removed unused svg color variants - Moved icons used by icon provider to separate directory to avoid Webpack parsing the files twice - Small changes to navigation icons Signed-off-by: Yoshie Muranaka Change-Id: I1ca214b74fc502e6b6e760cfee88b48110237c43 --- app/assets/images/icon-arrow-blue.svg | 14 +------------- 1 file changed, 1 insertion(+), 13 deletions(-) (limited to 'app/assets/images/icon-arrow-blue.svg') diff --git a/app/assets/images/icon-arrow-blue.svg b/app/assets/images/icon-arrow-blue.svg index 3b222a6..40f1d51 100644 --- a/app/assets/images/icon-arrow-blue.svg +++ b/app/assets/images/icon-arrow-blue.svg @@ -1,13 +1 @@ - - - - - - - - - + \ No newline at end of file -- cgit v1.2.1