WordPress.org

Making WordPress.org

Ticket #5014: 5014.diff

File 5014.diff, 39.9 KB (added by dufresnesteven, 7 months ago)

Adds the icon name under the icon.

  • wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/page-dashicons.js

    diff --git wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/page-dashicons.js wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/page-dashicons.js
    index d086e69b5..9c14805c5 100644
     
    1212                },
    1313
    1414                random: function() {
    15                         var divs = jQuery("#iconlist div").get().sort(function(){
     15                        var listItems = jQuery("#iconlist li").get().sort(function(){
    1616                                        return Math.round(Math.random())-0.5;
    1717                                }).slice(0,1);
    1818
    19                         attr = jQuery(divs).attr('alt');
    20                         cssClass = jQuery(divs).attr('class');
     19                        attr = jQuery(listItems).attr('alt');
     20                        cssClass = jQuery(listItems).attr('class');
    2121                        dashicons.display( attr, cssClass );
    2222                },
    2323
     
    6868                        dashicons.random();
    6969                }
    7070
    71                 jQuery( '#iconlist div' ).click(function() {
     71                jQuery( '#iconlist li' ).click(function() {
    7272
    7373                        attr = jQuery( this ).attr( 'alt' );
    7474                        cssClass = jQuery( this ).attr( 'class' );
     
    7878
    7979                });
    8080
    81                 var $rows = jQuery('#iconlist div');
     81                var $rows = jQuery('#iconlist li');
    8282                jQuery('#search').keyup(function() {
    8383
    8484                        // remove update text when using search
  • wordpress.org/public_html/wp-content/themes/pub/wporg-developer/page-dashicons.php

    diff --git wordpress.org/public_html/wp-content/themes/pub/wporg-developer/page-dashicons.php wordpress.org/public_html/wp-content/themes/pub/wporg-developer/page-dashicons.php
    index ff46af056..2463f3491 100644
     
    1010wp_enqueue_style(  'dashicons-page', get_template_directory_uri() . '/stylesheets/page-dashicons.css', array(), '20150217' );
    1111wp_enqueue_script( 'dashicons-page', get_template_directory_uri() . '/js/page-dashicons.js', array( 'jquery', 'wp-util' ), '20150217' );
    1212
     13$admin_icons = array(
     14        'dashicons-menu'=> 'f333',
     15        'dashicons-menu-alt' => 'f228',
     16        'dashicons-menu-alt2' => 'f329',
     17        'dashicons-menu-alt3' => 'f349',
     18        'dashicons-admin-site' => 'f319',
     19        'dashicons-admin-site-alt' => 'f11d',
     20        'dashicons-admin-site-alt2' => 'f11e',
     21        'dashicons-admin-site-alt3' => 'f11f',
     22        'dashicons-dashboard' => 'f226',
     23        'dashicons-admin-post' => 'f109',
     24        'dashicons-admin-media' => 'f104',
     25        'dashicons-admin-links' => 'f103',
     26        'dashicons-admin-page' => 'f105',
     27        'dashicons-admin-comments' => 'f101',
     28        'dashicons-admin-appearance' => 'f100',
     29        'dashicons-admin-plugins' => 'f106',
     30        'dashicons-plugins-checked' => 'f485',
     31        'dashicons-admin-users' => 'f110',
     32        'dashicons-admin-tools' => 'f107',
     33        'dashicons-admin-settings' => 'f108',
     34        'dashicons-admin-network' => 'f112',
     35        'dashicons-admin-home' => 'f102',
     36        'dashicons-admin-generic' => 'f111',
     37        'dashicons-admin-collapse' => 'f148',
     38        'dashicons-filter' => 'f536',
     39        'dashicons-admin-customizer' => 'f540',
     40        'dashicons-admin-multisite' => 'f541',
     41);
     42
     43$welcome_icons = array(
     44        'dashicons-welcome-write-blog'=> 'f119',
     45        'dashicons-welcome-add-page' => 'f133',
     46        'dashicons-welcome-view-site' => 'f115',
     47        'dashicons-welcome-widgets-menus' => 'f116',
     48        'dashicons-welcome-comments' => 'f117',
     49        'dashicons-welcome-learn-more' => 'f118',
     50);
     51
     52$post_format_icons = array(
     53        'dashicons-format-aside' =>'f123',
     54        'dashicons-format-image' =>'f128',
     55        'dashicons-format-gallery' =>'f161',
     56        'dashicons-format-video' =>'f126',
     57        'dashicons-format-status' =>'f130',
     58        'dashicons-format-quote' =>'f122',
     59        'dashicons-format-chat' =>'f125',
     60        'dashicons-format-audio' =>'f127',
     61        'dashicons-camera' =>'f306',
     62        'dashicons-camera-alt' =>'f129',
     63        'dashicons-images-alt' =>'f232',
     64        'dashicons-images-alt2' =>'f233',
     65        'dashicons-video-alt' =>'f234',
     66        'dashicons-video-alt2' =>'f235',
     67        'dashicons-video-alt3' =>'f236',
     68);
     69
     70$media_icons = array(
     71        'dashicons-media-archive' =>'f501',
     72        'dashicons-media-audio' =>'f500',
     73        'dashicons-media-code' =>'f499',
     74        'dashicons-media-default' =>'f498',
     75        'dashicons-media-document' =>'f497',
     76        'dashicons-media-interactive' =>'f496',
     77        'dashicons-media-spreadsheet' =>'f495',
     78        'dashicons-media-text' =>'f491',
     79        'dashicons-media-video' =>'f490',
     80        'dashicons-playlist-audio' =>'f492',
     81        'dashicons-playlist-video' =>'f493',
     82        'dashicons-controls-play' =>'f522',
     83        'dashicons-controls-pause' =>'f523',
     84        'dashicons-controls-forward' =>'f519',
     85        'dashicons-controls-skipforward' =>'f517',
     86        'dashicons-controls-back' =>'f518',
     87        'dashicons-controls-skipback' =>'f516',
     88        'dashicons-controls-repeat' =>'f515',
     89        'dashicons-controls-volumeon' =>'f521',
     90        'dashicons-controls-volumeoff' =>'f520',
     91);
     92
     93$img_editing_icons = array(
     94        'dashicons-image-crop' =>'f165',
     95        'dashicons-image-rotate' =>'f531',
     96        'dashicons-image-rotate-left' =>'f166',
     97        'dashicons-image-rotate-right' =>'f167',
     98        'dashicons-image-flip-vertical' =>'f168',
     99        'dashicons-image-flip-horizontal' =>'f169',
     100        'dashicons-image-filter' =>'f533',
     101        'dashicons-undo' =>'f171',
     102        'dashicons-redo' =>'f172',
     103);
     104
     105$TinyMCE_icons = array(
     106        'dashicons-editor-bold' =>'f200',
     107        'dashicons-editor-italic' =>'f201',
     108        'dashicons-editor-ul' =>'f203',
     109        'dashicons-editor-ol' =>'f204',
     110        'dashicons-editor-ol-rtl' =>'f12c',
     111        'dashicons-editor-quote' =>'f205',
     112        'dashicons-editor-alignleft' =>'f206',
     113        'dashicons-editor-aligncenter' =>'f207',
     114        'dashicons-editor-alignright' =>'f208',
     115        'dashicons-editor-insertmore' =>'f209',
     116        'dashicons-editor-spellcheck' =>'f210',
     117        'dashicons-editor-expand' =>'f211',
     118        'dashicons-editor-contract' =>'f506',
     119        'dashicons-editor-kitchensink' =>'f212',
     120        'dashicons-editor-underline' =>'f213',
     121        'dashicons-editor-justify' =>'f214',
     122        'dashicons-editor-textcolor' =>'f215',
     123        'dashicons-editor-paste-word' =>'f216',
     124        'dashicons-editor-paste-text' =>'f217',
     125        'dashicons-editor-removeformatting' =>'f218',
     126        'dashicons-editor-video' =>'f219',
     127        'dashicons-editor-customchar' =>'f220',
     128        'dashicons-editor-outdent' =>'f221',
     129        'dashicons-editor-indent' =>'f222',
     130        'dashicons-editor-help' =>'f223',
     131        'dashicons-editor-strikethrough' =>'f224',
     132        'dashicons-editor-unlink' =>'f225',
     133        'dashicons-editor-rtl' =>'f320',
     134        'dashicons-editor-ltr' =>'f10c',
     135        'dashicons-editor-break' =>'f474',
     136        'dashicons-editor-code' =>'f475',
     137        'dashicons-editor-paragraph' =>'f476',
     138        'dashicons-editor-table' =>'f535',
     139);
     140
     141$post_screen_icons = array(
     142        'dashicons-align-left' =>'f135',
     143        'dashicons-align-right' =>'f136',
     144        'dashicons-align-center' =>'f134',
     145        'dashicons-align-none' =>'f138',
     146        'dashicons-lock' =>'f160',
     147        'dashicons-unlock' =>'f528',
     148        'dashicons-calendar' =>'f145',
     149        'dashicons-calendar-alt' =>'f508',
     150        'dashicons-visibility' =>'f177',
     151        'dashicons-hidden' =>'f530',
     152        'dashicons-post-status' =>'f173',
     153        'dashicons-edit' =>'f464',
     154        'dashicons-trash' =>'f182',
     155        'dashicons-sticky' =>'f537',
     156);
     157
     158$sorting_icons = array(
     159        'dashicons-external' =>'f504',
     160        'dashicons-arrow-up' =>'f142',
     161        'dashicons-arrow-down' =>'f140',
     162        'dashicons-arrow-right' =>'f139',
     163        'dashicons-arrow-left' =>'f141',
     164        'dashicons-arrow-up-alt' =>'f342',
     165        'dashicons-arrow-down-alt' =>'f346',
     166        'dashicons-arrow-right-alt' =>'f344',
     167        'dashicons-arrow-left-alt' =>'f340',
     168        'dashicons-arrow-up-alt2' =>'f343',
     169        'dashicons-arrow-down-alt2' =>'f347',
     170        'dashicons-arrow-right-alt2' =>'f345',
     171        'dashicons-arrow-left-alt2' =>'f341',
     172        'dashicons-sort' =>'f156',
     173        'dashicons-leftright' =>'f229',
     174        'dashicons-randomize' =>'f503',
     175        'dashicons-list-view' =>'f163',
     176        'dashicons-excerpt-view' =>'f164',
     177        'dashicons-grid-view' =>'f509',
     178        'dashicons-move' =>'f545',
     179
     180);
     181
     182$social_icons = array(
     183        'dashicons-share' =>'f237',
     184        'dashicons-share-alt' =>'f240',
     185        'dashicons-share-alt2' =>'f242',
     186        'dashicons-twitter' =>'f301',
     187        'dashicons-rss' =>'f303',
     188        'dashicons-email' =>'f465',
     189        'dashicons-email-alt' =>'f466',
     190        'dashicons-email-alt2' =>'f467',
     191        'dashicons-facebook' =>'f304',
     192        'dashicons-facebook-alt' =>'f305',
     193        'dashicons-googleplus' =>'f462',
     194        'dashicons-networking' =>'f325',
     195        'dashicons-instagram' =>'f12d',
     196);
     197
     198$org_icons = array(
     199        'dashicons-hammer' =>'f308',
     200        'dashicons-art' =>'f309',
     201        'dashicons-migrate' =>'f310',
     202        'dashicons-performance' =>'f311',
     203        'dashicons-universal-access' =>'f483',
     204        'dashicons-universal-access-alt' =>'f507',
     205        'dashicons-tickets' =>'f486',
     206        'dashicons-nametag' =>'f484',
     207        'dashicons-clipboard' =>'f481',
     208        'dashicons-heart' =>'f487',
     209        'dashicons-megaphone' =>'f488',
     210        'dashicons-schedule' =>'f489',
     211        'dashicons-tide' =>'f10d',
     212        'dashicons-rest-api' =>'f124',
     213        'dashicons-code-standards' =>'f13a',
     214);
     215
     216$buddicons_icons = array(
     217        'dashicons-buddicons-activity' =>'f452',
     218        'dashicons-buddicons-bbpress-logo' =>'f12b',
     219        'dashicons-buddicons-buddypress-logo' =>'f448',
     220        'dashicons-buddicons-community' =>'f453',
     221        'dashicons-buddicons-forums' =>'f449',
     222        'dashicons-buddicons-friends' =>'f454',
     223        'dashicons-buddicons-groups' =>'f456',
     224        'dashicons-buddicons-pm' =>'f457',
     225        'dashicons-buddicons-replies' =>'f451',
     226        'dashicons-buddicons-topics' =>'f450',
     227        'dashicons-buddicons-tracking' =>'f455',
     228);
     229
     230$product_icons = array(
     231        'dashicons-wordpress' =>'f120',
     232        'dashicons-wordpress-alt' =>'f324',
     233        'dashicons-pressthis' =>'f157',
     234        'dashicons-update' =>'f463',
     235        'dashicons-update-alt' =>'f113',
     236        'dashicons-screenoptions' =>'f180',
     237        'dashicons-info' =>'f348',
     238        'dashicons-cart' =>'f174',
     239        'dashicons-feedback' =>'f175',
     240        'dashicons-cloud' =>'f176',
     241        'dashicons-translation' =>'f326',
     242);
     243
     244$taxonomy_icons = array(
     245        'dashicons-tag' =>'f323',
     246        'dashicons-category' =>'f318',
     247);
     248
     249$widget_icons = array(
     250        'dashicons-archive' =>'f480',
     251        'dashicons-tagcloud' =>'f479',
     252        'dashicons-text' =>'f478',
     253);
     254
     255$notifications_icons = array(
     256        'dashicons-yes' =>'f147',
     257        'dashicons-yes-alt' =>'f12a',
     258        'dashicons-no' =>'f158',
     259        'dashicons-no-alt' =>'f335',
     260        'dashicons-plus' =>'f132',
     261        'dashicons-plus-alt' =>'f502',
     262        'dashicons-minus' =>'f460',
     263        'dashicons-dismiss' =>'f153',
     264        'dashicons-marker' =>'f159',
     265        'dashicons-star-filled' =>'f155',
     266        'dashicons-star-half' =>'f459',
     267        'dashicons-star-empty' =>'f154',
     268        'dashicons-flag' =>'f227',
     269        'dashicons-warning' =>'f534',
     270);
     271
     272$misc_icons = array(
     273        'dashicons-location' =>'f230',
     274        'dashicons-location-alt' =>'f231',
     275        'dashicons-vault' =>'f178',
     276        'dashicons-shield' =>'f332',
     277        'dashicons-shield-alt' =>'f334',
     278        'dashicons-sos' =>'f468',
     279        'dashicons-search' =>'f179',
     280        'dashicons-slides' =>'f181',
     281        'dashicons-text-page' =>'f121',
     282        'dashicons-analytics' =>'f183',
     283        'dashicons-chart-pie' =>'f184',
     284        'dashicons-chart-bar' =>'f185',
     285        'dashicons-chart-line' =>'f238',
     286        'dashicons-chart-area' =>'f239',
     287        'dashicons-groups' =>'f307',
     288        'dashicons-businessman' =>'f338',
     289        'dashicons-businesswoman' =>'f12f',
     290        'dashicons-businessperson' =>'f12e',
     291        'dashicons-id' =>'f336',
     292        'dashicons-id-alt' =>'f337',
     293        'dashicons-products' =>'f312',
     294        'dashicons-awards' =>'f313',
     295        'dashicons-forms' =>'f314',
     296        'dashicons-testimonial' =>'f473',
     297        'dashicons-portfolio' =>'f322',
     298        'dashicons-book' =>'f330',
     299        'dashicons-book-alt' =>'f331',
     300        'dashicons-download' =>'f316',
     301        'dashicons-upload' =>'f317',
     302        'dashicons-backup' =>'f321',
     303        'dashicons-clock' =>'f469',
     304        'dashicons-lightbulb' =>'f339',
     305        'dashicons-microphone' =>'f482',
     306        'dashicons-desktop' =>'f472',
     307        'dashicons-laptop' =>'f547',
     308        'dashicons-tablet' =>'f471',
     309        'dashicons-smartphone' =>'f470',
     310        'dashicons-phone' =>'f525',
     311        'dashicons-index-card' =>'f510',
     312        'dashicons-carrot' =>'f511',
     313        'dashicons-building' =>'f512',
     314        'dashicons-store' =>'f513',
     315        'dashicons-album' =>'f514',
     316        'dashicons-palmtree' =>'f527',
     317        'dashicons-tickets-alt' =>'f524',
     318        'dashicons-money' =>'f526',
     319        'dashicons-smiley' =>'f328',
     320        'dashicons-thumbs-up' =>'f529',
     321        'dashicons-thumbs-down' =>'f542',
     322        'dashicons-layout' =>'f538',
     323        'dashicons-paperclip' =>'f546'
     324);
     325
     326function display_list_items( $items ) {
     327        foreach ( $items as $key => $value ) {
     328                $display_name = str_replace( 'dashicons-', '', $key );
     329
     330                echo '<li alt='. $value .'" class="dashicons ' . $key .'">';
     331                echo '<a href="#' . $display_name . '">' . $display_name .'</a>';
     332                echo '</li>';
     333        }
     334}
     335
    13336get_header(); ?>
    14337
    15338        <div id="content-area" <?php body_class( 'dashicons-page' ); ?>>
    get_header(); ?> 
    33356                                <div id="iconlist">
    34357
    35358                                        <h4><?php _e( 'Admin Menu', 'wporg' ); ?></h4>
    36 
    37                                         <!-- admin menu -->
    38                                         <div alt="f333" class="dashicons dashicons-menu">menu</div>
    39                                         <div alt="f228" class="dashicons dashicons-menu-alt">menu (alt)</div>
    40                                         <div alt="f329" class="dashicons dashicons-menu-alt2">menu (alt2)</div>
    41                                         <div alt="f349" class="dashicons dashicons-menu-alt3">menu (alt3)</div>
    42                                         <div alt="f319" class="dashicons dashicons-admin-site">site</div>
    43                                         <div alt="f11d" class="dashicons dashicons-admin-site-alt">site (alt)</div>
    44                                         <div alt="f11e" class="dashicons dashicons-admin-site-alt2">site (alt2)</div>
    45                                         <div alt="f11f" class="dashicons dashicons-admin-site-alt3">site (alt3)</div>
    46                                         <div alt="f226" class="dashicons dashicons-dashboard">dashboard</div>
    47                                         <div alt="f109" class="dashicons dashicons-admin-post">post</div>
    48                                         <div alt="f104" class="dashicons dashicons-admin-media">media</div>
    49                                         <div alt="f103" class="dashicons dashicons-admin-links">links</div>
    50                                         <div alt="f105" class="dashicons dashicons-admin-page">page</div>
    51                                         <div alt="f101" class="dashicons dashicons-admin-comments">comments</div>
    52                                         <div alt="f100" class="dashicons dashicons-admin-appearance">appearance</div>
    53                                         <div alt="f106" class="dashicons dashicons-admin-plugins">plugins</div>
    54                                         <div alt="f485" class="dashicons dashicons-plugins-checked">plugins checked</div>
    55                                         <div alt="f110" class="dashicons dashicons-admin-users">users</div>
    56                                         <div alt="f107" class="dashicons dashicons-admin-tools">tools</div>
    57                                         <div alt="f108" class="dashicons dashicons-admin-settings">settings</div>
    58                                         <div alt="f112" class="dashicons dashicons-admin-network">network</div>
    59                                         <div alt="f102" class="dashicons dashicons-admin-home">home</div>
    60                                         <div alt="f111" class="dashicons dashicons-admin-generic">generic</div>
    61                                         <div alt="f148" class="dashicons dashicons-admin-collapse">collapse</div>
    62                                         <div alt="f536" class="dashicons dashicons-filter">filter</div>
    63                                         <div alt="f540" class="dashicons dashicons-admin-customizer">customizer</div>
    64                                         <div alt="f541" class="dashicons dashicons-admin-multisite">multisite</div>
     359                                        <ul><?php display_list_items( $admin_icons ); ?></ul>
    65360
    66361                                        <h4><?php _e( 'Welcome Screen', 'wporg' ); ?></h4>
    67 
    68                                         <!-- welcome screen -->
    69                                         <div alt="f119" class="dashicons dashicons-welcome-write-blog">write blog</div>
    70                                         <!--<div alt="f119" class="dashicons dashicons-welcome-edit-page"></div> Duplicate -->
    71                                         <div alt="f133" class="dashicons dashicons-welcome-add-page">add page</div>
    72                                         <div alt="f115" class="dashicons dashicons-welcome-view-site">view site</div>
    73                                         <div alt="f116" class="dashicons dashicons-welcome-widgets-menus">widgets and menus</div>
    74                                         <div alt="f117" class="dashicons dashicons-welcome-comments">comments</div>
    75                                         <div alt="f118" class="dashicons dashicons-welcome-learn-more">learn more</div>
     362                                        <ul><?php display_list_items( $welcome_icons ); ?></ul>
    76363
    77364                                        <h4><?php _e( 'Post Formats', 'wporg' ); ?></h4>
    78 
    79                                         <!-- post formats -->
    80                                         <!--<div alt="f109" class="dashicons dashicons-format-standard"></div> Duplicate -->
    81                                         <div alt="f123" class="dashicons dashicons-format-aside">aside</div>
    82                                         <div alt="f128" class="dashicons dashicons-format-image">image</div>
    83                                         <div alt="f161" class="dashicons dashicons-format-gallery">gallery</div>
    84                                         <div alt="f126" class="dashicons dashicons-format-video">video</div>
    85                                         <div alt="f130" class="dashicons dashicons-format-status">status</div>
    86                                         <div alt="f122" class="dashicons dashicons-format-quote">quote</div>
    87                                         <!--<div alt="f103" class="dashicons dashicons-format-links">links</div> Duplicate -->
    88                                         <div alt="f125" class="dashicons dashicons-format-chat">chat</div>
    89                                         <div alt="f127" class="dashicons dashicons-format-audio">audio</div>
    90                                         <div alt="f306" class="dashicons dashicons-camera">camera</div>
    91                                         <div alt="f129" class="dashicons dashicons-camera-alt">camera (alt)</div>
    92                                         <div alt="f232" class="dashicons dashicons-images-alt">images (alt)</div>
    93                                         <div alt="f233" class="dashicons dashicons-images-alt2">images (alt 2)</div>
    94                                         <div alt="f234" class="dashicons dashicons-video-alt">video (alt)</div>
    95                                         <div alt="f235" class="dashicons dashicons-video-alt2">video (alt 2)</div>
    96                                         <div alt="f236" class="dashicons dashicons-video-alt3">video (alt 3)</div>
     365                                        <ul><?php display_list_items( $post_format_icons ); ?></ul>
    97366
    98367                                        <h4><?php _e( 'Media', 'wporg' ); ?></h4>
    99 
    100                                         <!-- media -->
    101                                         <div alt="f501" class="dashicons dashicons-media-archive">archive</div>
    102                                         <div alt="f500" class="dashicons dashicons-media-audio">audio</div>
    103                                         <div alt="f499" class="dashicons dashicons-media-code">code</div>
    104                                         <div alt="f498" class="dashicons dashicons-media-default">default</div>
    105                                         <div alt="f497" class="dashicons dashicons-media-document">document</div>
    106                                         <div alt="f496" class="dashicons dashicons-media-interactive">interactive</div>
    107                                         <div alt="f495" class="dashicons dashicons-media-spreadsheet">spreadsheet</div>
    108                                         <div alt="f491" class="dashicons dashicons-media-text">text</div>
    109                                         <div alt="f490" class="dashicons dashicons-media-video">video</div>
    110                                         <div alt="f492" class="dashicons dashicons-playlist-audio">audio playlist</div>
    111                                         <div alt="f493" class="dashicons dashicons-playlist-video">video playlist</div>
    112                                         <div alt="f522" class="dashicons dashicons-controls-play">play player</div>
    113                                         <div alt="f523" class="dashicons dashicons-controls-pause">player pause</div>
    114                                         <div alt="f519" class="dashicons dashicons-controls-forward">player forward</div>
    115                                         <div alt="f517" class="dashicons dashicons-controls-skipforward">player skip forward</div>
    116                                         <div alt="f518" class="dashicons dashicons-controls-back">player back</div>
    117                                         <div alt="f516" class="dashicons dashicons-controls-skipback">player skip back</div>
    118                                         <div alt="f515" class="dashicons dashicons-controls-repeat">player repeat</div>
    119                                         <div alt="f521" class="dashicons dashicons-controls-volumeon">player volume on</div>
    120                                         <div alt="f520" class="dashicons dashicons-controls-volumeoff">player volume off</div>
     368                                        <ul><?php display_list_items( $media_icons ); ?></ul>
    121369
    122370                                        <h4><?php _e( 'Image Editing', 'wporg' ); ?></h4>
    123 
    124                                         <!-- image editing -->
    125                                         <div alt="f165" class="dashicons dashicons-image-crop">crop</div>
    126                                         <div alt="f531" class="dashicons dashicons-image-rotate">rotate</div>
    127                                         <div alt="f166" class="dashicons dashicons-image-rotate-left">rotate left</div>
    128                                         <div alt="f167" class="dashicons dashicons-image-rotate-right">rotate right</div>
    129                                         <div alt="f168" class="dashicons dashicons-image-flip-vertical">flip vertical</div>
    130                                         <div alt="f169" class="dashicons dashicons-image-flip-horizontal">flip horizontal</div>
    131                                         <div alt="f533" class="dashicons dashicons-image-filter">filter</div>
    132                                         <div alt="f171" class="dashicons dashicons-undo">undo</div>
    133                                         <div alt="f172" class="dashicons dashicons-redo">redo</div>
     371                                        <ul><?php display_list_items( $img_editing_icons ); ?></ul>
    134372
    135373                                        <h4><?php _e( 'TinyMCE', 'wporg' ); ?></h4>
    136 
    137                                         <!-- tinymce -->
    138                                         <div alt="f200" class="dashicons dashicons-editor-bold">bold</div>
    139                                         <div alt="f201" class="dashicons dashicons-editor-italic">italic</div>
    140                                         <div alt="f203" class="dashicons dashicons-editor-ul">ul</div>
    141                                         <div alt="f204" class="dashicons dashicons-editor-ol">ol</div>
    142                                         <div alt="f12c" class="dashicons dashicons-editor-ol-rtl">ol rtl</div>
    143                                         <div alt="f205" class="dashicons dashicons-editor-quote">quote</div>
    144                                         <div alt="f206" class="dashicons dashicons-editor-alignleft">alignleft</div>
    145                                         <div alt="f207" class="dashicons dashicons-editor-aligncenter">aligncenter</div>
    146                                         <div alt="f208" class="dashicons dashicons-editor-alignright">alignright</div>
    147                                         <div alt="f209" class="dashicons dashicons-editor-insertmore">insertmore</div>
    148                                         <div alt="f210" class="dashicons dashicons-editor-spellcheck">spellcheck</div>
    149                                         <!-- <div alt="f211" class="dashicons dashicons-editor-distractionfree"></div> Duplicate -->
    150                                         <div alt="f211" class="dashicons dashicons-editor-expand">expand</div>
    151                                         <div alt="f506" class="dashicons dashicons-editor-contract">contract</div>
    152                                         <div alt="f212" class="dashicons dashicons-editor-kitchensink">kitchen sink</div>
    153                                         <div alt="f213" class="dashicons dashicons-editor-underline">underline</div>
    154                                         <div alt="f214" class="dashicons dashicons-editor-justify">justify</div>
    155                                         <div alt="f215" class="dashicons dashicons-editor-textcolor">textcolor</div>
    156                                         <div alt="f216" class="dashicons dashicons-editor-paste-word">paste</div>
    157                                         <div alt="f217" class="dashicons dashicons-editor-paste-text">paste</div>
    158                                         <div alt="f218" class="dashicons dashicons-editor-removeformatting">remove formatting</div>
    159                                         <div alt="f219" class="dashicons dashicons-editor-video">video</div>
    160                                         <div alt="f220" class="dashicons dashicons-editor-customchar">custom character</div>
    161                                         <div alt="f221" class="dashicons dashicons-editor-outdent">outdent</div>
    162                                         <div alt="f222" class="dashicons dashicons-editor-indent">indent</div>
    163                                         <div alt="f223" class="dashicons dashicons-editor-help">help</div>
    164                                         <div alt="f224" class="dashicons dashicons-editor-strikethrough">strikethrough</div>
    165                                         <div alt="f225" class="dashicons dashicons-editor-unlink">unlink</div>
    166                                         <div alt="f320" class="dashicons dashicons-editor-rtl">rtl</div>
    167                                         <div alt="f10c" class="dashicons dashicons-editor-ltr">ltr</div>
    168                                         <div alt="f474" class="dashicons dashicons-editor-break">break</div>
    169                                         <div alt="f475" class="dashicons dashicons-editor-code">code</div>
    170                                         <div alt="f476" class="dashicons dashicons-editor-paragraph">paragraph</div>
    171                                         <div alt="f535" class="dashicons dashicons-editor-table">table</div>
     374                                        <ul><?php display_list_items( $TinyMCE_icons ); ?></ul>
    172375
    173376                                        <h4><?php _e( 'Posts Screen', 'wporg' ); ?></h4>
    174 
    175                                         <!-- posts -->
    176                                         <div alt="f135" class="dashicons dashicons-align-left">align left</div>
    177                                         <div alt="f136" class="dashicons dashicons-align-right">align right</div>
    178                                         <div alt="f134" class="dashicons dashicons-align-center">align center</div>
    179                                         <div alt="f138" class="dashicons dashicons-align-none">align none</div>
    180                                         <div alt="f160" class="dashicons dashicons-lock">lock</div>
    181                                         <div alt="f528" class="dashicons dashicons-unlock">unlock</div>
    182                                         <div alt="f145" class="dashicons dashicons-calendar">calendar</div>
    183                                         <div alt="f508" class="dashicons dashicons-calendar-alt">calendar</div>
    184                                         <div alt="f177" class="dashicons dashicons-visibility">visibility</div>
    185                                         <div alt="f530" class="dashicons dashicons-hidden">hidden</div>
    186                                         <div alt="f173" class="dashicons dashicons-post-status">post status</div>
    187                                         <div alt="f464" class="dashicons dashicons-edit">edit pencil</div>
    188                                         <div alt="f182" class="dashicons dashicons-trash">trash remove delete</div>
    189                                         <div alt="f537" class="dashicons dashicons-sticky">sticky</div>
     377                                        <ul><?php display_list_items( $post_screen_icons ); ?></ul>
    190378
    191379                                        <h4><?php _e( 'Sorting', 'wporg' ); ?></h4>
    192 
    193                                         <!-- sorting -->
    194                                         <div alt="f504" class="dashicons dashicons-external">external</div>
    195                                         <div alt="f142" class="dashicons dashicons-arrow-up">arrow-up</div>
    196                                         <div alt="f140" class="dashicons dashicons-arrow-down">arrow-down</div>
    197                                         <div alt="f139" class="dashicons dashicons-arrow-right">arrow-right</div>
    198                                         <div alt="f141" class="dashicons dashicons-arrow-left">arrow-left</div>
    199                                         <div alt="f342" class="dashicons dashicons-arrow-up-alt">arrow-up</div>
    200                                         <div alt="f346" class="dashicons dashicons-arrow-down-alt">arrow-down</div>
    201                                         <div alt="f344" class="dashicons dashicons-arrow-right-alt">arrow-right</div>
    202                                         <div alt="f340" class="dashicons dashicons-arrow-left-alt">arrow-left</div>
    203                                         <div alt="f343" class="dashicons dashicons-arrow-up-alt2">arrow-up</div>
    204                                         <div alt="f347" class="dashicons dashicons-arrow-down-alt2">arrow-down</div>
    205                                         <div alt="f345" class="dashicons dashicons-arrow-right-alt2">arrow-right</div>
    206                                         <div alt="f341" class="dashicons dashicons-arrow-left-alt2">arrow-left</div>
    207                                         <div alt="f156" class="dashicons dashicons-sort">sort</div>
    208                                         <div alt="f229" class="dashicons dashicons-leftright">left right</div>
    209                                         <div alt="f503" class="dashicons dashicons-randomize">randomize shuffle</div>
    210                                         <div alt="f163" class="dashicons dashicons-list-view">list view</div>
    211                                         <div alt="f164" class="dashicons dashicons-excerpt-view">excerpt view</div>
    212                                         <div alt="f509" class="dashicons dashicons-grid-view">grid view</div>
    213                                         <div alt="f545" class="dashicons dashicons-move">move</div>
     380                                        <ul><?php display_list_items( $sorting_icons ); ?></ul>
    214381
    215382                                        <h4><?php _e( 'Social', 'wporg' ); ?></h4>
    216 
    217                                         <!-- social -->
    218                                         <div alt="f237" class="dashicons dashicons-share">share</div>
    219                                         <div alt="f240" class="dashicons dashicons-share-alt">share</div>
    220                                         <div alt="f242" class="dashicons dashicons-share-alt2">share</div>
    221                                         <div alt="f301" class="dashicons dashicons-twitter">twitter social</div>
    222                                         <div alt="f303" class="dashicons dashicons-rss">rss</div>
    223                                         <div alt="f465" class="dashicons dashicons-email">email</div>
    224                                         <div alt="f466" class="dashicons dashicons-email-alt">email (alt)</div>
    225                                         <div alt="f467" class="dashicons dashicons-email-alt2">email (alt2)</div>
    226                                         <div alt="f304" class="dashicons dashicons-facebook">facebook social</div>
    227                                         <div alt="f305" class="dashicons dashicons-facebook-alt">facebook social</div>
    228                                         <div alt="f462" class="dashicons dashicons-googleplus">googleplus social</div>
    229                                         <div alt="f325" class="dashicons dashicons-networking">networking social</div>
    230                                         <div alt="f12d" class="dashicons dashicons-instagram">instagram social</div>
     383                                        <ul><?php display_list_items( $social_icons ); ?></ul>
    231384
    232385                                        <h4><?php _e( 'WordPress.org Specific: Jobs, Profiles, WordCamps', 'wporg' ); ?></h4>
    233 
    234                                         <!-- WPorg specific icons: Jobs, Profiles, WordCamps -->
    235                                         <div alt="f308" class="dashicons dashicons-hammer">hammer development</div>
    236                                         <div alt="f309" class="dashicons dashicons-art">art design</div>
    237                                         <div alt="f310" class="dashicons dashicons-migrate">migrate migration</div>
    238                                         <div alt="f311" class="dashicons dashicons-performance">performance</div>
    239                                         <div alt="f483" class="dashicons dashicons-universal-access">universal access accessibility</div>
    240                                         <div alt="f507" class="dashicons dashicons-universal-access-alt">universal access accessibility</div>
    241                                         <div alt="f486" class="dashicons dashicons-tickets">tickets</div>
    242                                         <div alt="f484" class="dashicons dashicons-nametag">nametag</div>
    243                                         <div alt="f481" class="dashicons dashicons-clipboard">clipboard</div>
    244                                         <div alt="f487" class="dashicons dashicons-heart">heart</div>
    245                                         <div alt="f488" class="dashicons dashicons-megaphone">megaphone</div>
    246                                         <div alt="f489" class="dashicons dashicons-schedule">schedule</div>
    247                                         <div alt="f10d" class="dashicons dashicons-tide">Tide</div>
    248                                         <div alt="f124" class="dashicons dashicons-rest-api">REST API</div>
    249                                         <div alt="f13a" class="dashicons dashicons-code-standards">code standards</div>
     386                                        <ul><?php display_list_items( $org_icons ); ?></ul>
    250387
    251388                                        <h4><?php _e( 'Buddicons' ); ?></h4>
    252 
    253                                         <!-- BuddyPress and bbPress specific icons -->
    254                                         <div alt="f452" class="dashicons dashicons-buddicons-activity">activity</div>
    255                                         <div alt="f12b" class="dashicons dashicons-buddicons-bbpress-logo">bbPress logo</div>
    256                                         <div alt="f448" class="dashicons dashicons-buddicons-buddypress-logo">BuddyPress logo</div>
    257                                         <div alt="f453" class="dashicons dashicons-buddicons-community">community</div>
    258                                         <div alt="f449" class="dashicons dashicons-buddicons-forums">forums</div>
    259                                         <div alt="f454" class="dashicons dashicons-buddicons-friends">friends</div>
    260                                         <div alt="f456" class="dashicons dashicons-buddicons-groups">groups</div>
    261                                         <div alt="f457" class="dashicons dashicons-buddicons-pm">private message</div>
    262                                         <div alt="f451" class="dashicons dashicons-buddicons-replies">replies</div>
    263                                         <div alt="f450" class="dashicons dashicons-buddicons-topics">topics</div>
    264                                         <div alt="f455" class="dashicons dashicons-buddicons-tracking">tracking</div>
     389                                        <ul><?php display_list_items( $buddicons_icons ); ?></ul>
    265390
    266391                                        <h4><?php _e( 'Products', 'wporg' ); ?></h4>
    267 
    268                                         <!-- internal/products -->
    269                                         <div alt="f120" class="dashicons dashicons-wordpress">wordpress</div>
    270                                         <div alt="f324" class="dashicons dashicons-wordpress-alt">wordpress</div>
    271                                         <div alt="f157" class="dashicons dashicons-pressthis">press this</div>
    272                                         <div alt="f463" class="dashicons dashicons-update">update</div>
    273                                         <div alt="f113" class="dashicons dashicons-update-alt">update (alt)</div>
    274                                         <div alt="f180" class="dashicons dashicons-screenoptions">screenoptions</div>
    275                                         <div alt="f348" class="dashicons dashicons-info">info</div>
    276                                         <div alt="f174" class="dashicons dashicons-cart">cart shopping</div>
    277                                         <div alt="f175" class="dashicons dashicons-feedback">feedback form</div>
    278                                         <div alt="f176" class="dashicons dashicons-cloud">cloud</div>
    279                                         <div alt="f326" class="dashicons dashicons-translation">translation language</div>
     392                                        <ul><?php display_list_items( $product_icons ); ?></ul>
    280393
    281394                                        <h4><?php _e( 'Taxonomies', 'wporg' ); ?></h4>
    282 
    283                                         <!-- taxonomies -->
    284                                         <div alt="f323" class="dashicons dashicons-tag">tag</div>
    285                                         <div alt="f318" class="dashicons dashicons-category">category</div>
     395                                        <ul><?php display_list_items( $taxonomy_icons ); ?></ul>
    286396
    287397                                        <h4><?php _e( 'Widgets', 'wporg' ); ?></h4>
    288 
    289                                         <!-- widgets -->
    290                                         <div alt="f480" class="dashicons dashicons-archive">archive</div>
    291                                         <div alt="f479" class="dashicons dashicons-tagcloud">tagcloud</div>
    292                                         <div alt="f478" class="dashicons dashicons-text">text</div>
     398                                        <ul><?php display_list_items( $widget_icons ); ?></ul>
    293399
    294400                                        <h4><?php _e( 'Notifications', 'wporg' ); ?></h4>
    295 
    296                                         <!-- alerts/notifications/flags -->
    297                                         <div alt="f147" class="dashicons dashicons-yes">yes check checkmark</div>
    298                                         <div alt="f12a" class="dashicons dashicons-yes-alt">yes check checkmark (alt)</div>
    299                                         <div alt="f158" class="dashicons dashicons-no">no x</div>
    300                                         <div alt="f335" class="dashicons dashicons-no-alt">no x</div>
    301                                         <div alt="f132" class="dashicons dashicons-plus">plus add increase</div>
    302                                         <div alt="f502" class="dashicons dashicons-plus-alt">plus add increase</div>
    303                                         <div alt="f460" class="dashicons dashicons-minus">minus decrease</div>
    304                                         <div alt="f153" class="dashicons dashicons-dismiss">dismiss</div>
    305                                         <div alt="f159" class="dashicons dashicons-marker">marker</div>
    306                                         <div alt="f155" class="dashicons dashicons-star-filled">filled star</div>
    307                                         <div alt="f459" class="dashicons dashicons-star-half">half star</div>
    308                                         <div alt="f154" class="dashicons dashicons-star-empty">empty star</div>
    309                                         <div alt="f227" class="dashicons dashicons-flag">flag</div>
    310                                         <div alt="f534" class="dashicons dashicons-warning">warning</div>
     401                                        <ul><?php display_list_items( $notifications_icons ); ?></ul>
    311402
    312403                                        <h4><?php _e( 'Misc', 'wporg' ); ?></h4>
    313 
    314                                         <!-- misc/cpt -->
    315                                         <div alt="f230" class="dashicons dashicons-location">location pin</div>
    316                                         <div alt="f231" class="dashicons dashicons-location-alt">location</div>
    317                                         <div alt="f178" class="dashicons dashicons-vault">vault safe</div>
    318                                         <div alt="f332" class="dashicons dashicons-shield">shield</div>
    319                                         <div alt="f334" class="dashicons dashicons-shield-alt">shield</div>
    320                                         <div alt="f468" class="dashicons dashicons-sos">sos help</div>
    321                                         <div alt="f179" class="dashicons dashicons-search">search</div>
    322                                         <div alt="f181" class="dashicons dashicons-slides">slides</div>
    323                                         <div alt="f121" class="dashicons dashicons-text-page">text page</div>
    324                                         <div alt="f183" class="dashicons dashicons-analytics">analytics</div>
    325                                         <div alt="f184" class="dashicons dashicons-chart-pie">pie chart</div>
    326                                         <div alt="f185" class="dashicons dashicons-chart-bar">bar chart</div>
    327                                         <div alt="f238" class="dashicons dashicons-chart-line">line chart</div>
    328                                         <div alt="f239" class="dashicons dashicons-chart-area">area chart</div>
    329                                         <div alt="f307" class="dashicons dashicons-groups">groups</div>
    330                                         <div alt="f338" class="dashicons dashicons-businessman">businessman</div>
    331                                         <div alt="f12f" class="dashicons dashicons-businesswoman">businesswoman</div>
    332                                         <div alt="f12e" class="dashicons dashicons-businessperson">businessperson</div>
    333                                         <div alt="f336" class="dashicons dashicons-id">id</div>
    334                                         <div alt="f337" class="dashicons dashicons-id-alt">id</div>
    335                                         <div alt="f312" class="dashicons dashicons-products">products</div>
    336                                         <div alt="f313" class="dashicons dashicons-awards">awards</div>
    337                                         <div alt="f314" class="dashicons dashicons-forms">forms</div>
    338                                         <div alt="f473" class="dashicons dashicons-testimonial">testimonial</div>
    339                                         <div alt="f322" class="dashicons dashicons-portfolio">portfolio</div>
    340                                         <div alt="f330" class="dashicons dashicons-book">book</div>
    341                                         <div alt="f331" class="dashicons dashicons-book-alt">book</div>
    342                                         <div alt="f316" class="dashicons dashicons-download">download</div>
    343                                         <div alt="f317" class="dashicons dashicons-upload">upload</div>
    344                                         <div alt="f321" class="dashicons dashicons-backup">backup</div>
    345                                         <div alt="f469" class="dashicons dashicons-clock">clock</div>
    346                                         <div alt="f339" class="dashicons dashicons-lightbulb">lightbulb</div>
    347                                         <div alt="f482" class="dashicons dashicons-microphone">microphone mic</div>
    348                                         <div alt="f472" class="dashicons dashicons-desktop">desktop monitor</div>
    349                                         <div alt="f547" class="dashicons dashicons-laptop">laptop</div>
    350                                         <div alt="f471" class="dashicons dashicons-tablet">tablet ipad</div>
    351                                         <div alt="f470" class="dashicons dashicons-smartphone">smartphone iphone</div>
    352                                         <div alt="f525" class="dashicons dashicons-phone">phone</div>
    353                                         <div alt="f510" class="dashicons dashicons-index-card">index card</div>
    354                                         <div alt="f511" class="dashicons dashicons-carrot">carrot food vendor</div>
    355                                         <div alt="f512" class="dashicons dashicons-building">building</div>
    356                                         <div alt="f513" class="dashicons dashicons-store">store</div>
    357                                         <div alt="f514" class="dashicons dashicons-album">album</div>
    358                                         <div alt="f527" class="dashicons dashicons-palmtree">palm tree</div>
    359                                         <div alt="f524" class="dashicons dashicons-tickets-alt">tickets (alt)</div>
    360                                         <div alt="f526" class="dashicons dashicons-money">money</div>
    361                                         <div alt="f328" class="dashicons dashicons-smiley">smiley smile</div>
    362                                         <div alt="f529" class="dashicons dashicons-thumbs-up">thumbs up</div>
    363                                         <div alt="f542" class="dashicons dashicons-thumbs-down">thumbs down</div>
    364                                         <div alt="f538" class="dashicons dashicons-layout">layout</div>
    365                                         <div alt="f546" class="dashicons dashicons-paperclip">paperclip</div>
     404                                        <ul><?php display_list_items( $misc_icons ); ?></ul>
    366405                                </div>
    367406
    368407                        </div>
  • wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/page-dashicons.scss

    diff --git wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/page-dashicons.scss wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/page-dashicons.scss
    index 24667c2aa..af28e60dd 100644
    $spacing: 25px; 
    9393        }
    9494
    9595        #iconlist {
    96                 $size: 40px;
     96                $size: 116px;
     97                $gutter: 10px;
    9798                margin-top: 1.5em;
    9899
     100                h4 {
     101                        padding-left: $gutter;
     102                }
     103
     104                ul {
     105                        margin: 0;
     106                }
     107
    99108                .dashicons {
     109                        display: inline-block;
    100110                        position: relative;
    101                         box-sizing: content-box;
    102                         padding: 10px;
     111                        box-sizing: border-box;
     112                        padding: $gutter;
    103113                        width: $size;
    104114                        height: $size;
    105                         overflow: hidden;
    106115                        white-space: nowrap;
    107                         font-size: $size;
     116                        font-size: $size / 3;
    108117                        line-height: 1;
    109118                        cursor: pointer;
    110119
    111                         &:before {
    112                                 margin-right: $size;
     120                        a {
     121                                margin-top: $gutter;
     122                                display: block;
     123                                font-size: 14px;
     124                                color: #666;
     125                                text-decoration: none;
     126                                word-wrap: break-word;
     127                                white-space: normal;
    113128                        }
    114129
    115                         &:after {
    116                                 content: attr(alt);
     130                        &:before {
    117131                                display: block;
    118                                 font-size: 9px;
    119                                 color: #999;
    120                                 text-align: center;
     132                                margin: 0 auto;
    121133                        }
    122134
    123135                        &:hover {
  • wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/page-dashicons.css

    diff --git wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/page-dashicons.css wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/page-dashicons.css
    index 5584c735b..41a0b80b3 100644
     
    66.dashicons-page {
    77  padding: 0 !important;
    88}
    9 
    109.dashicons-page * {
    1110  box-sizing: border-box;
    1211}
    13 
    1412.dashicons-page .details {
    1513  position: relative;
    1614}
    17 
    1815.dashicons-page .icon-filter {
    1916  position: absolute;
    2017  left: 0;
     
    2219  padding: 0 2.5em;
    2320  width: 50%;
    2421}
    25 
    2622.dashicons-page .icon-filter #search {
    2723  width: 100%;
    2824  border: 1px solid #ccc;
     
    3127  padding: 10px;
    3228  background: rgba(255, 255, 255, 0.8);
    3329}
    34 
    3530.dashicons-page .icon-filter #search:focus {
    3631  background: #fff;
    3732  outline: none;
    3833}
    39 
    4034.dashicons-page .entry-content {
    4135  float: left;
    4236  margin-top: 0 !important;
    4337  padding: 1.5em 25px;
    4438  width: 50%;
    4539}
    46 
    4740.dashicons-page #glyph {
    4841  float: left;
    4942  padding: 1.5em 25px;
    5043  width: 50%;
    5144}
    52 
    5345.dashicons-page #glyph .dashicons {
    5446  font-size: 240px;
    5547  width: 240px;
    5648  height: 240px;
    5749  overflow: visible;
    5850}
    59 
    6051.dashicons-page #glyph .info {
    6152  float: right;
    6253  margin-top: 50px;
    6354  width: 35%;
    6455}
    65 
    6656.dashicons-page #glyph span {
    6757  display: block;
    6858  margin-bottom: 1em;
    6959}
    70 
    7160.dashicons-page #glyph span a {
    7261  text-decoration: underline;
    7362}
    74 
    7563.dashicons-page #glyph .name {
    76   font-size: .9em;
     64  font-size: 0.9em;
    7765}
    78 
    7966.dashicons-page h4 {
    8067  margin: 1.5em 0;
    8168  padding-top: 25px;
    8269  border-top: 1px solid lightgrey;
    8370}
    84 
    8571.dashicons-page h4:first-of-type {
    8672  margin-top: 0;
    8773  padding-top: 0;
    8874  border-top: none;
    8975}
    90 
    9176.searching .dashicons-page h4 {
    9277  display: none;
    9378}
    94 
    9579.dashicons-page #iconlist {
    9680  margin-top: 1.5em;
    9781}
    98 
     82.dashicons-page #iconlist h4 {
     83  padding-left: 10px;
     84}
     85.dashicons-page #iconlist ul {
     86  margin: 0;
     87}
    9988.dashicons-page #iconlist .dashicons {
     89  display: inline-block;
    10090  position: relative;
    101   box-sizing: content-box;
     91  box-sizing: border-box;
    10292  padding: 10px;
    103   width: 40px;
    104   height: 40px;
    105   overflow: hidden;
     93  width: 116px;
     94  height: 116px;
    10695  white-space: nowrap;
    107   font-size: 40px;
     96  font-size: 38.6666666667px;
    10897  line-height: 1;
    10998  cursor: pointer;
    11099}
    111 
    112 .dashicons-page #iconlist .dashicons:before {
    113   margin-right: 40px;
     100.dashicons-page #iconlist .dashicons a {
     101  margin-top: 10px;
     102  display: block;
     103  font-size: 14px;
     104  color: #666;
     105  text-decoration: none;
     106  word-wrap: break-word;
     107  white-space: normal;
    114108}
    115 
    116 .dashicons-page #iconlist .dashicons:after {
    117   content: attr(alt);
     109.dashicons-page #iconlist .dashicons:before {
    118110  display: block;
    119   font-size: 9px;
    120   color: #999;
    121   text-align: center;
     111  margin: 0 auto;
    122112}
    123 
    124113.dashicons-page #iconlist .dashicons:hover {
    125114  color: #d54e21;
    126115}
    127 
    128116.dashicons-page #instructions {
    129117  margin-top: 1.5em;
    130118  border-top: 1px solid lightgrey;
    131119}
    132 
    133120.dashicons-page #instructions h3 {
    134121  margin: 1.5em 0 0.75em;
    135122}
    136 
    137123.dashicons-page #instructions h4 {
    138124  margin-top: 0;
    139125  padding-top: 0;
    140126  border-top: none;
    141127}
    142 
    143128.dashicons-page .code {
    144129  display: block;
    145130  font: 14px/1.5 monospace;
     
    150135  overflow: auto;
    151136  min-height: 180px;
    152137}
    153 
    154138@media (max-width: 900px) {
    155139  .dashicons-page .icon-filter {
    156140    position: relative;
     
    195179    margin-right: 0;
    196180  }
    197181}
    198 
    199182@media (max-width: 400px) {
    200183  .dashicons-page #glyph,
    201184.dashicons-page .entry-content,
     
    204187    padding-right: 0;
    205188  }
    206189}
     190
     191/*# sourceMappingURL=page-dashicons.css.map */