From 6b007e834584d861399526c5054a5f779d78af95 Mon Sep 17 00:00:00 2001 From: "Dominik Schilling (ocean90)" Date: Mon, 7 Apr 2014 20:49:40 +0000 Subject: [PATCH] Widget Customizer: Update icons to new Dashicons. props melchoyce. see #27400. git-svn-id: https://develop.svn.wordpress.org/trunk@28005 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/customize-widgets.css | 41 +++++++++++++------------- 1 file changed, 21 insertions(+), 20 deletions(-) diff --git a/src/wp-admin/css/customize-widgets.css b/src/wp-admin/css/customize-widgets.css index 849c8a7331..aec0195bcd 100644 --- a/src/wp-admin/css/customize-widgets.css +++ b/src/wp-admin/css/customize-widgets.css @@ -170,9 +170,11 @@ right: 0; width: 100%; height: 100%; - font: normal normal 20px/43px 'Genericons'; + font: normal 20px/1 'dashicons'; text-align: center; text-indent: 0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } .widget-reorder-nav span:hover, @@ -182,15 +184,15 @@ } .move-widget:before { - content: '\f442'; + content: '\f504'; } .move-widget-down:before { - content: '\f431'; + content: '\f347'; } .move-widget-up:before { - content: '\f432'; + content: '\f343'; } #customize-theme-controls .first-widget .move-widget-up, @@ -238,13 +240,13 @@ #customize-theme-controls .widget-area-select li:before { display: none; - content: '\f418'; + content: '\f147'; position: absolute; - top: 10px; + top: 12px; left: 10px; - font-family: 'Genericons'; - font-size: 24px; - line-height: 1; + font: normal 20px/1 'dashicons'; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } #customize-theme-controls .widget-area-select li:last-child { @@ -315,6 +317,7 @@ -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } body.adding-widget .add-new-widget, @@ -418,18 +421,17 @@ body.adding-widget #customize-preview { } -/** Widget Icon styling ** - -* No plurals in naming. -* Ordered from lowest to highest specificity. - -**/ +/** + * Widget Icon styling + * No plurals in naming. + * Ordered from lowest to highest specificity. + **/ #available-widgets .widget-title { position: relative; } #available-widgets .widget-title:before { - content:"\f132"; + content: "\f132"; position: absolute; top: -3px; right: 100%; @@ -437,14 +439,13 @@ body.adding-widget #customize-preview { width: 20px; height: 20px; color: #333; - font: normal 20px/1 'dashicons', 'widgeticons'; + font: normal 20px/1 'dashicons'; text-align: center; - -webkit-border-radius: 2px; - border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } /* smiley */ @@ -606,6 +607,6 @@ body.adding-widget #customize-preview { padding: 9px 15px 11px 42px; } #customize-theme-controls .widget-area-select li:before { - top: 6px; + top: 8px; } }