Making WordPress.org

Changeset 11203


Ignore:
Timestamp:
08/26/2021 10:58:30 PM (3 years ago)
Author:
coffee2code
Message:

Developer, Dashicons: Increase sizes for icons and captions to facilitate imminently longer captions.

  • Increase font for icons
  • Increase font for icon labels
  • Increase spacing around icons

Props dufresnesteven, coffee2code.
See #5014.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/page-dashicons.scss

    r1271 r11203  
    9494
    9595    #iconlist {
    96         $size: 40px;
     96        $size: 96px;
     97        $iconsize: 60px;
     98        $gutter: 10px;
     99
    97100        margin-top: 1.5em;
     101
     102        h4 {
     103            padding-left: $gutter;
     104        }
    98105
    99106        .dashicons {
    100107            position: relative;
    101108            box-sizing: content-box;
    102             padding: 10px;
     109            padding: $gutter;
     110            margin-bottom: $gutter * 2;
    103111            width: $size;
    104112            height: $size;
    105113            overflow: hidden;
    106114            white-space: nowrap;
    107             font-size: $size;
     115            font-size: $iconsize;
    108116            line-height: 1;
    109117            cursor: pointer;
     
    111119            &:before {
    112120                margin-right: $size;
     121                position: relative;
     122                left: 20px;
    113123            }
    114124
     
    116126                content: attr(alt);
    117127                display: block;
    118                 font-size: 9px;
     128                font-size: 14px;
    119129                color: #999;
    120130                text-align: center;
     131                margin-top: $gutter;
    121132            }
    122133
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/page-dashicons.css

    r9776 r11203  
    6060.dashicons-page #glyph .info {
    6161  float: right;
    62   margin-top: 30px;
     62  margin-top: 50px;
    6363  width: 35%;
    6464}
     
    9797}
    9898
     99.dashicons-page #iconlist h4 {
     100  padding-left: 10px;
     101}
     102
    99103.dashicons-page #iconlist .dashicons {
    100104  position: relative;
    101105  box-sizing: content-box;
    102106  padding: 10px;
    103   width: 40px;
    104   height: 40px;
     107  margin-bottom: 20px;
     108  width: 96px;
     109  height: 96px;
    105110  overflow: hidden;
    106111  white-space: nowrap;
    107   font-size: 40px;
     112  font-size: 60px;
    108113  line-height: 1;
    109114  cursor: pointer;
     
    111116
    112117.dashicons-page #iconlist .dashicons:before {
    113   margin-right: 40px;
     118  margin-right: 96px;
     119  position: relative;
     120  left: 20px;
    114121}
    115122
     
    117124  content: attr(alt);
    118125  display: block;
    119   font-size: 9px;
     126  font-size: 14px;
    120127  color: #999;
    121128  text-align: center;
     129  margin-top: 10px;
    122130}
    123131
Note: See TracChangeset for help on using the changeset viewer.