Skip to:
Content

BuddyPress.org

Changeset 9279


Ignore:
Timestamp:
12/24/2014 09:07:04 PM (9 years ago)
Author:
djpaul
Message:

Templates: improve theme compatibility for how we set small font sizes.

The change is best demonstrated by the TwentyFifteen theme, which uses the HTML body font size reduction technique to facilitate easy calculations for setting REM/EM font sizes; e.g. 1 == 10px, 1.4 == 14px. Whwn we use a REM size < 1, we're reducing these font sizes even further, and can sometime get too small and hinder legibility (specifically for the .button element).

Using small is our current best idea for smaller font sizes across all different types of themes / font sizing techniques.

Fixes #6022, props hnla

Location:
trunk/src/bp-templates/bp-legacy/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-legacy/css/buddypress-rtl.css

    r9278 r9279  
    3939    border: none;
    4040    color: #888;
    41     font-size: 90%;
     41    font-size: small;
    4242    margin: 0;
    4343    position: relative;
     
    127127    color: #555;
    128128    font-family: inherit;
    129     font-size: 90%;
     129    font-size: medium;
    130130    height: 20px;
    131131    padding: 6px;
     
    771771    border: 1px solid #ccc;
    772772    color: #777;
    773     font-size: .8rem;
     773    font-size: small;
    774774    cursor: pointer;
    775775    outline: none;
     
    11331133#buddypress span.activity {
    11341134    display: inline-block;
    1135     font-size: 80%;
     1135    font-size: small;
    11361136    opacity: 0.8;
    11371137    padding: 0;
     
    15091509.widget.buddypress span.activity {
    15101510    display: inline-block;
    1511     font-size: 80%;
     1511    font-size: small;
    15121512    opacity: 0.8;
    15131513    padding: 0;
  • trunk/src/bp-templates/bp-legacy/css/buddypress.css

    r9252 r9279  
    3939    border: none;
    4040    color: #888;
    41     font-size: 90%;
     41    font-size: small;
    4242    margin: 0;
    4343    position: relative;
     
    127127    color: #555;
    128128    font-family: inherit;
    129     font-size: 90%;
     129    font-size: medium;
    130130    height: 20px;
    131131    padding: 6px;
     
    771771    border: 1px solid #ccc;
    772772    color: #777;
    773     font-size: .8rem;
     773    font-size: small;
    774774    cursor: pointer;
    775775    outline: none;
     
    11331133#buddypress span.activity {
    11341134    display: inline-block;
    1135     font-size: 80%;
     1135    font-size: small;
    11361136    opacity: 0.8;
    11371137    padding: 0;
     
    15091509.widget.buddypress span.activity {
    15101510    display: inline-block;
    1511     font-size: 80%;
     1511    font-size: small;
    15121512    opacity: 0.8;
    15131513    padding: 0;
Note: See TracChangeset for help on using the changeset viewer.