[recipes: 2/5] styling: use legible tile labels



commit cc9b7ded84b9ee3ab2eca92867e27ce5f02705cc
Author: Jakub Steiner <jimmac gmail com>
Date:   Fri Jan 13 14:05:13 2017 +0100

    styling: use legible tile labels
    
    - bring theme closer to wireframes
    - semi-opaque labels don't bring anything to the table

 src/recipes.css |   12 ++++++------
 1 files changed, 6 insertions(+), 6 deletions(-)
---
diff --git a/src/recipes.css b/src/recipes.css
index e48afa2..afdcacc 100644
--- a/src/recipes.css
+++ b/src/recipes.css
@@ -63,18 +63,18 @@ image.chef.circular {
 }
 
 label.recipe.name {
-  background: alpha(@theme_base_color, .75);
+  background: @theme_base_color;
   color: @theme_fg_color;
   font-weight: bold;
-  font-size: 20px;
-  padding: 10px 20px 0px 20px;
+  font-size: 110%;
+  padding: 10px 10px 0;
 }
 
 label.recipe.author {
-  background: alpha(@theme_base_color, .75);
+  background: @theme_base_color;
   color: mix(@theme_base_color,@theme_fg_color,0.7);
-  font-size: 12px;
-  padding: 8px 20px 10px 20px;
+  font-size: 100%;
+  padding: 0 10px 10px;
 }
 
 @define-color diet_tag_bg #cc1212;


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]