From 835f225ecc2ec3e59c465f2d96fef78333e7063a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= Date: Sun, 4 Mar 2018 18:52:31 +0100 Subject: [PATCH] misc: use sass to generate app icon css rules (#22254) --- gadjo/static/css/gadjo.scss | 101 ++---------------------- icons/{connector.svg => passerelle.svg} | 0 2 files changed, 7 insertions(+), 94 deletions(-) rename icons/{connector.svg => passerelle.svg} (100%) diff --git a/gadjo/static/css/gadjo.scss b/gadjo/static/css/gadjo.scss index 4623133..895af06 100644 --- a/gadjo/static/css/gadjo.scss +++ b/gadjo/static/css/gadjo.scss @@ -894,100 +894,13 @@ div.old-ie-warning p { line-height: 150%; } -ul#sidepage-menu li a.icon-add { background-image: url(icons/add.small.png); } -ul#sidepage-menu li a.icon-book { background-image: url(icons/book.small.png); } -ul#sidepage-menu li a.icon-calendar { background-image: url(icons/calendar.small.png); } -ul#sidepage-menu li a.icon-categories { background-image: url(icons/categories.small.png); } -ul#sidepage-menu li a.icon-clock { background-image: url(icons/clock.small.png); } -ul#sidepage-menu li a.icon-counter { background-image: url(icons/counter.small.png); } -ul#sidepage-menu li a.icon-facturier { background-image: url(icons/facturier.small.png); } -ul#sidepage-menu li a.icon-forms { background-image: url(icons/forms.small.png); } -ul#sidepage-menu li a.icon-gis { background-image: url(icons/gis.small.png); } -ul#sidepage-menu li a.icon-grid { background-image: url(icons/grid.small.png); } -ul#sidepage-menu li a.icon-home { background-image: url(icons/home.small.png); } -ul#sidepage-menu li a.icon-mail { background-image: url(icons/mail.small.png); } -ul#sidepage-menu li a.icon-management { background-image: url(icons/management.small.png); } -ul#sidepage-menu li a.icon-organizational-units { background-image: url(icons/organizational-units.small.png); } -ul#sidepage-menu li a.icon-passerelle { background-image: url(icons/connector.small.png); } -ul#sidepage-menu li a.icon-password { background-image: url(icons/password.small.png); } -ul#sidepage-menu li a.icon-phone { background-image: url(icons/phone.small.png); } -ul#sidepage-menu li a.icon-portal { background-image: url(icons/portal.small.png); } -ul#sidepage-menu li a.icon-porte-doc { background-image: url(icons/porte-doc.small.png); } -ul#sidepage-menu li a.icon-roles { background-image: url(icons/roles.small.png); } -ul#sidepage-menu li a.icon-security { background-image: url(icons/security.small.png); } -ul#sidepage-menu li a.icon-services { background-image: url(icons/services.small.png); } -ul#sidepage-menu li a.icon-settings { background-image: url(icons/settings.small.png); } -ul#sidepage-menu li a.icon-statistics { background-image: url(icons/statistics.small.png); } -ul#sidepage-menu li a.icon-submission { background-image: url(icons/submission.small.png); } -ul#sidepage-menu li a.icon-system { background-image: url(icons/system.small.png); } -ul#sidepage-menu li a.icon-texts { background-image: url(icons/texts.small.png); } -ul#sidepage-menu li a.icon-theme { background-image: url(icons/theme.small.png); } -ul#sidepage-menu li a.icon-users { background-image: url(icons/users.small.png); } -ul#sidepage-menu li a.icon-workflows { background-image: url(icons/workflows.small.png); } -ul#sidepage-menu li a.icon-announces { background-image: url(icons/announces.small.png); } -ul.apps li.icon-add a { background-image: url(icons/add.large.png); } -ul.apps li.icon-add a:hover { background-image: url(icons/add.large-hover.png); } -ul.apps li.icon-book a { background-image: url(icons/book.large.png); } -ul.apps li.icon-book a:hover { background-image: url(icons/book.large-hover.png); } -ul.apps li.icon-calendar a { background-image: url(icons/calendar.large.png); } -ul.apps li.icon-calendar a:hover { background-image: url(icons/calendar.large-hover.png); } -ul.apps li.icon-categories a { background-image: url(icons/categories.large.png); } -ul.apps li.icon-categories a:hover { background-image: url(icons/categories.large-hover.png); } -ul.apps li.icon-clock a { background-image: url(icons/clock.large.png); } -ul.apps li.icon-clock a:hover { background-image: url(icons/clock.large-hover.png); } -ul.apps li.icon-counter a { background-image: url(icons/counter.large.png); } -ul.apps li.icon-counter a:hover { background-image: url(icons/counter.large-hover.png); } -ul.apps li.icon-facturier a { background-image: url(icons/facturier.large.png); } -ul.apps li.icon-facturier a:hover { background-image: url(icons/facturier.large-hover.png); } -ul.apps li.icon-forms a { background-image: url(icons/forms.large.png); } -ul.apps li.icon-forms a:hover { background-image: url(icons/forms.large-hover.png); } -ul.apps li.icon-gis a { background-image: url(icons/gis.large.png); } -ul.apps li.icon-gis a:hover { background-image: url(icons/gis.large-hover.png); } -ul.apps li.icon-grid a { background-image: url(icons/grid.large.png); } -ul.apps li.icon-grid a:hover { background-image: url(icons/grid.large-hover.png); } -ul.apps li.icon-home a { background-image: url(icons/home.large.png); } -ul.apps li.icon-home a:hover { background-image: url(icons/home.large-hover.png); } -ul.apps li.icon-mail a { background-image: url(icons/mail.large.png); } -ul.apps li.icon-mail a:hover { background-image: url(icons/mail.large-hover.png); } -ul.apps li.icon-management a { background-image: url(icons/management.large.png); } -ul.apps li.icon-management a:hover { background-image: url(icons/management.large-hover.png); } -ul.apps li.icon-organizational-units a { background-image: url(icons/organizational-units.large.png); } -ul.apps li.icon-organizational-units a:hover { background-image: url(icons/organizational-units.large-hover.png); } -ul.apps li.icon-passerelle a { background-image: url(icons/connector.large.png); } -ul.apps li.icon-passerelle a:hover { background-image: url(icons/connector.large-hover.png); } -ul.apps li.icon-password a { background-image: url(icons/password.large.png); } -ul.apps li.icon-password a:hover { background-image: url(icons/password.large-hover.png); } -ul.apps li.icon-phone a { background-image: url(icons/phone.large.png); } -ul.apps li.icon-phone a:hover { background-image: url(icons/phone.large-hover.png); } -ul.apps li.icon-portal a { background-image: url(icons/portal.large.png); } -ul.apps li.icon-portal a:hover { background-image: url(icons/portal.large-hover.png); } -ul.apps li.icon-porte-doc a { background-image: url(icons/porte-doc.large.png); } -ul.apps li.icon-porte-doc a:hover { background-image: url(icons/porte-doc.large-hover.png); } -ul.apps li.icon-roles a { background-image: url(icons/roles.large.png); } -ul.apps li.icon-roles a:hover { background-image: url(icons/roles.large-hover.png); } -ul.apps li.icon-security a { background-image: url(icons/security.large.png); } -ul.apps li.icon-security a:hover { background-image: url(icons/security.large-hover.png); } -ul.apps li.icon-services a { background-image: url(icons/services.large.png); } -ul.apps li.icon-services a:hover { background-image: url(icons/services.large-hover.png); } -ul.apps li.icon-settings a { background-image: url(icons/settings.large.png); } -ul.apps li.icon-settings a:hover { background-image: url(icons/settings.large-hover.png); } -ul.apps li.icon-statistics a { background-image: url(icons/statistics.large.png); } -ul.apps li.icon-statistics a:hover { background-image: url(icons/statistics.large-hover.png); } -ul.apps li.icon-submission a { background-image: url(icons/submission.large.png); } -ul.apps li.icon-submission a:hover { background-image: url(icons/submission.large-hover.png); } -ul.apps li.icon-system a { background-image: url(icons/system.large.png); } -ul.apps li.icon-system a:hover { background-image: url(icons/system.large-hover.png); } -ul.apps li.icon-texts a { background-image: url(icons/texts.large.png); } -ul.apps li.icon-texts a:hover { background-image: url(icons/texts.large-hover.png); } -ul.apps li.icon-theme a { background-image: url(icons/theme.large.png); } -ul.apps li.icon-theme a:hover { background-image: url(icons/theme.large-hover.png); } -ul.apps li.icon-services a { background-image: url(icons/services.large.png); } -ul.apps li.icon-users a { background-image: url(icons/users.large.png); } -ul.apps li.icon-users a:hover { background-image: url(icons/users.large-hover.png); } -ul.apps li.icon-workflows a { background-image: url(icons/workflows.large.png); } -ul.apps li.icon-workflows a:hover { background-image: url(icons/workflows.large-hover.png); } -ul.apps li.icon-announces a { background-image: url(icons/announces.large.png); } -ul.apps li.icon-announces a:hover { background-image: url(icons/announces.large-hover.png); } +$appicons: add, announces, book, calendar, categories, clock, counter, facturier, forms, gis, grid, home, mail, management, organizational-units, passerelle, password, phone, portal, porte-doc, roles, security, services, settings, statistics, submission, system, texts, theme, users, workflows; + +@each $appicon in $appicons { + ul#sidepage-menu li a.icon-#{$appicon} { background-image: url(icons/#{$appicon}.small.png); } + ul.apps li.icon-#{$appicon} a { background-image: url(icons/#{$appicon}.large.png); } + ul.apps li.icon-#{$appicon} a:hover { background-image: url(icons/#{$appicon}.large-hover.png); } +} @media print { div#top, diff --git a/icons/connector.svg b/icons/passerelle.svg similarity index 100% rename from icons/connector.svg rename to icons/passerelle.svg