Enhaced lists

src/stylesheets/__init.styl

@@ -20,7 +20,7 @@ FONT_SIZE_BIG           = 1.2em
 FONT_SIZE_LARGE         = 1.4em
 
 LIST_IMAGE              = 44px
-LIST_BIG_IMAGE          = 64px
+LIST_BIG_IMAGE          = 65px
 LIST_SMALL_IMAGE        = 24px
 
 INDENT                  = 0.8em

src/stylesheets/lungo.base.styl

@@ -131,8 +131,8 @@ img
   vertical-align: middle
   font-size: 0
 
-// strong
-//   font-weight: bold
+strong
+  font-weight: bold
 
 table
   border-collapse: collapse

src/stylesheets/lungo.layout.list.styl

@@ -12,6 +12,7 @@
     list-style-type: none
     position: relative
     text-align: -webkit-match-parent
+    line-height: inherit
 
     &:not(.big)
       padding: INDENT
@@ -27,7 +28,7 @@
           width: LIST_BIG_IMAGE
           height: LIST_BIG_IMAGE
         & > div
-          padding: 0.5em INDENT
+          padding: 0.25em (INDENT / 2)
 
       &:not(.big)
         & > img
@@ -56,20 +57,14 @@
       display: inline-block
       float: left
       margin-right: (INDENT / 2)
-      width: S = LIST_IMAGE
-      height: S
       text-align: center
-      font-size: 2.6em
       line-height: 1.0em
-
-    aside & .icon
       width: S = LIST_SMALL_IMAGE
       height: S
       font-size: FONT_SIZE_LARGE
 
     &.anchor
-      padding: 0.5em
-      line-height: 1.0em
+      padding: 0.25em 0.5em
       & .tag
         display: none
 
@@ -89,9 +84,9 @@
 
     & .on-right:not(.tag)
       font-size: FONT_SIZE_TINY
-
-  & .loading .on-right
-    font-size: FONT_SIZE_NORMAL
+    & .on-right.tag
+      padding-left: SIZE = 0.4em
+      padding-right: SIZE
 
   & .on-right, small
     & .icon

src/stylesheets/theme/theme.layout.list.styl

@@ -21,7 +21,7 @@
     &.warning
       box-shadow: inset 4px 0 WARNING
     &.arrow::after
-      border-color: lighten(COLOR, 75%)
+      border-color: LIST_border
 
     &, a
       &.contrast
@@ -40,7 +40,7 @@
         color: lighten(TEXT, 50%)
 
     &:not(.big) img
-      border-radius 4px
+      border-radius BORDER_radius
 
   &:not(.indented) li
     &.dark, &.theme, &.light

src/stylesheets/theme/theme.widget.styl

@@ -12,6 +12,8 @@
   color: #fff
   font-weight: bold
   text-shadow: 0 1px rgba(0,0,0,0.25)
+  &:not(.count)
+    border-radius 0.2em
   &.count
     border-radius 0.3em
     background-color: DANGER