Changeset 9279

Timestamp:

12/24/2014 09:07:04 PM (10 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:

• buddypress-rtl.css (modified) (5 diffs)
• buddypress.css (modified) (5 diffs)

trunk/src/bp-templates/bp-legacy/css/buddypress-rtl.css

@@ -39 +39 @@
     border: none;
     color: #888;
-    font-size: 90%;
+    font-size: small;
     margin: 0;
     position: relative;
@@ -127 +127 @@
     color: #555;
     font-family: inherit;
-    font-size: 90%;
+    font-size: medium;
     height: 20px;
     padding: 6px;
@@ -771 +771 @@
     border: 1px solid #ccc;
     color: #777;
-    font-size: .8rem;
+    font-size: small;
     cursor: pointer;
     outline: none;
@@ -1133 +1133 @@
 #buddypress span.activity {
     display: inline-block;
-    font-size: 80%;
+    font-size: small;
     opacity: 0.8;
     padding: 0;
@@ -1509 +1509 @@
 .widget.buddypress span.activity {
     display: inline-block;
-    font-size: 80%;
+    font-size: small;
     opacity: 0.8;
     padding: 0;

trunk/src/bp-templates/bp-legacy/css/buddypress.css

@@ -39 +39 @@
     border: none;
     color: #888;
-    font-size: 90%;
+    font-size: small;
     margin: 0;
     position: relative;
@@ -127 +127 @@
     color: #555;
     font-family: inherit;
-    font-size: 90%;
+    font-size: medium;
     height: 20px;
     padding: 6px;
@@ -771 +771 @@
     border: 1px solid #ccc;
     color: #777;
-    font-size: .8rem;
+    font-size: small;
     cursor: pointer;
     outline: none;
@@ -1133 +1133 @@
 #buddypress span.activity {
     display: inline-block;
-    font-size: 80%;
+    font-size: small;
     opacity: 0.8;
     padding: 0;
@@ -1509 +1509 @@
 .widget.buddypress span.activity {
     display: inline-block;
-    font-size: 80%;
+    font-size: small;
     opacity: 0.8;
     padding: 0;